extimg

VisBug

featured Icon

Featured

Open source browser design tools

4.82 (244)
Publisher: ArgyleInk
Overview
Stats
Download
Reviews

Overview

What is VisBug?

Open source browser design tools.

SCREENSHOT

Preview
screen shot
Preview
screen shot

SUMMARY

Open source web design debug tools built with JavaScript: a FireBug for designers. - Point, click, move, resize & 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**

See More

Stats

15 Days

Trends for VisBug:

Rank

#0
--

User count

#
--

Category Rank

#
--

Rating

#4.82
--

Download

The latest version of VisBug is available on the Chrome web and is currently being used by 200,000 active users. The initial version was launched on 2020-06-26.

Total Downloads:  0(Downloads from CRX Insider)

HOW TO INSTALL VisBug FROM A CRX FILE

  1. Download VisBug CRX file
  2. NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to download the ZIP file instead
  3. In the URL bar, go to chrome://extensions
  4. Enable Developer mode
Show more

Ratings

4.82

Average Rating

Total ratings

244

USER REVIEWS (0)

No reviews