VisBug

ArgyleInk

(10)

‪30,000+‬ Users
Developer tools
ArgyleInk

(10)

‪30,000+‬ Users
Developer tools

This extension cannot be installed as it is not compatible with your browser version Incompatible with your browser

Description

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

- Simple as point, click & tinker
- Edit or style any page, in any state, like it's an artboard
- Hover inspect styles, spacing, distance, accessibility and alignment
- Nitpick layouts & content, in the real end environment, at any device size
- Leverage adobe/sketch skills
- Edit any text, replace any image (hi there copywriters, ux writers, pms)
- Design within the chaos: use production or prototypes and the odd states they produce, as artboards and design opportunities
- Design while simulating 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**

No user reviews

No one has reviewed this add-on yet. Be the first to add a review.

Details
Version 0.4.7Updated September 30, 2024Report abuse
Details
Version 0.4.7Updated September 30, 2024Report abuse