VisBug Chrome Extension

open source browser design tools.
open source web design debug tools built with JavaScript: a FireBug for designers.

- Point, click & tinker

- Edit or style any page, in any state, like it's an artboard

- Inspect styles, spacing, distance, accessibility and alignment

- Nitpick layouts & content, in the real end environment, at any device size

- Leverage adobe/sketch skills

- Edit text, replace images

- design within the chaos: use production or prototypes and the odd states they produce, as artboards and design opportunities

- Design while devtools simulates latency, i18n, media queries, platform constraints, CPUs, screensize, etc

- Make more decisions on the front end of your site/app (a11y, responsive, edge cases, etc)

- No waiting for developers to expose their legos, just go direct and edit the end state (regardless of framework) and execute/test an idea

Give power to designers & content creators, in a place where they currently feel they have little to none, **by bringing design tool interactions and hotkeys to the browser**

How to install VisBug chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the VisBug Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension VisBug Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the VisBug in Chrome Webstore Search and click on the search button.
• Step 3: click on the VisBug Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the VisBug extension for your Chrome Web browser .