The collaborative UI design tool that lets you inspect, edit, and share web designs and code.

Latest Version

Version
0.8.0
Update
March 24, 2023
Size
81.8KiB
Developer
wisiwig.co
Category
Users
918
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
ActiveTab
ContextMenus
Cookies
Storage
See more

Wisiwig: UI Design and Inspect Tool Extension

Wisiwig for Chrome is a browser inspect and design tool to achieve pixel-perfect UI design — the best tool for design QA and prototyping.

This extension lets you inspect and edit UI elements on any website or in any web application. You can modify spacing, size, color, font, and much more without having to sift through HTML or CSS.

Collaborate with your design, development, and product team by saving and sharing your designs and generated code with a custom link.

Wisiwig can inspect web pages in production or in development environments so that you can ensure a polished design before launch.

Now with Wisiwig Apps, quickly send your designs and code as a GitHub issue directly to your development repositories.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Wisiwig: UI Design and Inspect Tool", "version": "0.8.0", "description": "The collaborative UI design tool that lets you inspect, edit, and share web designs and code.", "icons": { "16": "public/favicon.png", "48": "public/icon48.png", "128": "public/icon128.png" }, "action": { "default_icon": { "16": "public/favicon-gray.png" }, "default_title": "Wisiwig", "default_popup": "index.html" }, "background": { "service_worker": "background.js", "type": "module" }, "content_scripts": [ { "css": [ "public/content.css" ], "js": [ "import-content.js" ], "matches": [ "http://*/*", "https://*/*" ] } ], "permissions": [ "activeTab", "contextMenus", "cookies", "storage" ], "host_permissions": [ "https://.wisiwig.co/*", "https://*.wisiwig.co/*" ], "web_accessible_resources": [ { "resources": [ "public/fonts/*", "public/content.css", "public/add-plus.svg", "public/clear-x.svg", "public/copy-icon.svg", "public/edit-blue.svg", "public/edit-white.svg", "public/edit-gray.svg", "public/inspect-blue.svg", "public/inspect-white.svg" ], "matches": [ "http://*/*", "https://*/*" ] }, { "resources": [ "chunks/*-*.js", "content.js" ], "matches": [ "http://*/*", "https://*/*", "https://.wisiwig.co/*", "https://*.wisiwig.co/*" ] } ], "commands": { "toggle": { "suggested_key": { "default": "Alt+W" }, "description": "Toggle Wisiwig on/off." } }}
Read more

Similar Extensions

icon

Inspecta - validate design implementation Extension · Developer Tools 918 3 ★ 420KiB

icon

Visual CSS Editor Extension · Developer Tools 918 145 ★ 414KiB

icon

SnipCSS Extension · Developer Tools 918 32 ★ 13.12MiB

icon

html.to.design Extension · Productivity 918 72 ★ 333KiB

icon

designr Extension · Developer Tools 918 2 ★ 214KiB

icon

Jinno: code any React component with AI Extension · Developer Tools 918 38 ★ 18.37MiB

icon

Hoverify Extension · Developer Tools 918 145 ★ 14.54MiB

icon

Web Editor Extension · Developer Tools 918 29 ★ 68.98KiB

icon

Designer Tools Extension · Developer Tools 918 227 ★ 987KiB

icon

Heurio - One-Click Bug Report & UX Check Tool Extension · Developer Tools 918 76 ★ 5.86MiB

icon

Quick Inspect Element Extension · Developer Tools 918 9 ★ 360KiB

icon

Inspect CSS Extension · Developer Tools 918 24 ★ 404KiB

icon

UX Check Extension · Productivity 918 84 ★ 1.32MiB

icon

Inspect Element Extension · Developer Tools 918 30 ★ 162KiB

icon

UI Design Extension · Developer Tools 918 3 ★ 26.09KiB

icon

HTML to Figma - by Builder.io Extension · Productivity 918 46 ★ 343KiB

icon

SuperDev Pro Extension · Developer Tools 918 48 ★ 7.6MiB

icon

MageTools: DevTools Reimagined Extension · Developer Tools 918 9 ★ 84.8KiB

icon

Pause & Inspect Extension · Developer Tools 918 2 ★ 14.65KiB

icon

Design Sidekick Extension · Developer Tools 918 4 ★ 493KiB

icon

Page Edit Extension · Developer Tools 918 31 ★ 229KiB

icon

easy inspect Extension · Fun 918 4 ★ 24.3KiB

icon

CSS Inspector Extension · Developer Tools 918 64 ★ 2.57MiB

icon

Visily - App UI Capture & Design Extension · Productivity 918 5 ★ 360KiB

User reviews

icon

Hobe Robin (ID: 000000ba70f1c327) Voted 5 ★ - Updated 01/24/2023 A must have extension for UX/UI designers. It makes it super easy to work with design elements and make changes right in the browser. Quick and easy to use.

icon

Julia Taranik (ID: 0000005822080b81) Voted 5 ★ - Updated 10/19/2022 It's very easy to inspect design elements in the browser, make and preview changes on the fly