VisBug
Open source browser design tools
What is VisBug?
VisBug is a pioneering Chrome extension that provides a set of open-source design tools. It allows you to interact with web pages like an artboard, editing texts, images, layouts, and styles. It also equips you to inspect aspects such as spacing, alignment and more. A brilliant platform that empowers designers and content creators, VisBug brings design tool interactions and hotkeys, typically found in software like Adobe and Sketch, right into your browser.
Stats
Users:
100,000+
Rating:
4.84
(224)
Creation date:
2020-06-26
Risk impact:
Very low risk impact
Risk likelihood:
Very low risk likelihood
Manifest version:
3
Permissions:
Size:
5.64M
Email:
ar*****@google.com
URLs:
Website
Stats date:
Chrome-Stats Rank
#
1971
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
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
User reviews
User reviews summary
Pros
- Intuitive and easy to use
- Useful for UI designers and web developers
- Incredible functionality
Cons
- Lacks some features
- Does not save changes locally
- Limited onboarding and training
Most mentioned
- Nice
- Amazing
- Intuitive
- Useful
- Save changes
Recent reviews
Very useful and easy to use to test some design modifications without touching the code.
Very good plugin for front devs.
Safety
Risk impact
VisBug is safe to use. It does not request any sensitive permissions.
Risk likelihood
VisBug has earned a good reputation and can be trusted.
Upgrade to see risk analysis details
Promo video
Screenshots
Promo images
Similar extensions
Here are some Chrome extensions that are similar to VisBug:
HTML to Figma - by Builder.io
Responsive Viewer
CSS Peeper
Hoverify
CSS Scan
Page Ruler
OctoLinker
Dimensions
daily.dev | The homepage developers deserve
Redux DevTools
Motion DevTools
Viewport Resizer – Responsive Testing Tool
https://builder.io
4.38
100,000+
https://responsiveviewer.org
4.54
200,000+
CSS Peeper
4.62
500,000+
Hoverify
4.06
20,000+
https://getcssscan.com
3.82
20,000+
leocompson
3.84
400,000+
https://octolinker.vercel.app
4.88
20,000+
https://www.felixniklas.com
4.13
200,000+
https://daily.dev
4.87
200,000+
Redux DevTools
4.65
1,000,000+
https://motion.dev
4.33
8,000+
Malte Wassermann
4.20
90,000+