VisBug

VisBug

Open source browser design tools

  • VisBug
  • VisBug
  • VisBug
  • VisBug
What is VisBug?
VisBug is a Firefox add-on that opens up a world of web design possibilities. Built with JavaScript, this open-source tool allows designers and content creators to edit, style, and inspect any web page as if it is an artboard. It makes it possible to interact with any page in its actual end environment, take decisions on the front end of a site or app and test ideas directly, without having to wait for developers.
Merlin
Stats
By: argyleink
Users: 2,916 ▲ 41
Rating: 5.00 (28)
Version: 0.4.3 (Last updated: 2024-04-25)
Creation date: 2020-11-02
Weekly download count: 100
Firefox on Android: No
Risk impact: Very low risk impact
Risk likelihood: Moderate risk likelihood
Manifest version: 3
Permissions:
  • activeTab
  • contextMenus
  • scripting
  • storage
Size: 5.65M
URLs: Website
Stats date:

Other platforms

VisBug
VisBug (v0.4.3)
4.82 (233) 200,000
Not available on Edge
Want to check extension ranking and stats more quickly for other Firefox add-ons? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Firefox Browser Add-ons.
Chrome-Stats extension
Merlin
Summary

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.

User reviews
User reviews summary
These summaries are automatically generated weekly using AI based on recent user reviews. Firefox Browser Add-ons does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
Pros
  • Incredible functionality
  • Does not take away visual space
  • Useful for front-end development
Cons
  • Learning curve for some users
  • Would benefit from additional features like a back key-bind
Most mentioned
  • Useful for front-end development
  • Incredible functionality
Recent reviews


View all user reviews
Safety
Risk impact

VisBug is safe to use. It does not request any sensitive permissions.

Risk likelihood

VisBug is probably trust-worthy. Prefer other publishers if available. Exercise caution when installing this add-on.

Upgrade to see risk analysis details