What is UI Design?

UI Design is a Chrome extension developed by danielvwilkinson, and its main feature is "UI Design gives you the ability to edit a web page's CSS. Test out new designs, styles and images without coding".

Extension Screenshots

Download UI Design Extension CRX File

Download UI Design extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

Live edit a web page's CSS and styling without touching a line of code.

Quickly try out new images using the Unsplash API, test colors, gradients and fonts or use it as a learning tool to figure out how things like padding and margin affects the layout of your page.

As a developer you can quickly test changes without going into the console or uploading a new stylesheet.

Designers you can do what you do best and try out new design ideas without having to learn CSS.

Extension Basic Information

Name	UI Design
ID	foelobhaomlkojekpgenegcfedbgemej
Official URL	https://chromewebstore.google.com/detail/ui-design/foelobhaomlkojekpgenegcfedbgemej
Description	UI Design gives you the ability to edit a web page's CSS. Test out new designs, styles and images without coding
File Size	26.09 KB
Installation Count	1,243
Current Version	1
Last Updated	2020-02-20
Publish Date	2020-02-19
Rating	5.00/5 Total 3 Ratings
Developer	danielvwilkinson
Email	[email protected]
Payment Type	free
Supported Languages	en-GB
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "UI Design", "short_name": "UI Design", "version": "1", "manifest_version": 2, "description": "UI Design gives you the ability to edit a web page's CSS. Test out new designs, styles and images without coding", "content_security_policy": "default-src 'self'", "background": { "scripts": [ "background.js" ] }, "icons": { "16": "ui16.png", "48": "ui48.png", "128": "ui128.png" }, "content_scripts": [ { "matches": [ "" ], "css": [ "\/style.css" ] } ], "browser_action": [], "permissions": [ "activeTab" ] }