Blocks cluttered browser design workflows with Visbug, an open-source browser design tools extension used by 200,000 users to streamline their workflow and improve productivity. Lets you focus on designing without distractions, bringing a professional-grade design experience to your browser. Benefits most developers and designers who need efficient browser design tools in their workflow.
Overview
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**
Tags
Privacy Practices
🔐 Security Analysis
⏳ Security scan is queued. Check back soon.
