Firefox Browser Add-ons
  • Extensions
  • Themes
    • for Firefox
    • Dictionaries & Language Packs
    • Other Browser Sites
    • Add-ons for Android
Log in
Preview of VisBug

VisBug by argyleink

Open source browser design tools

5 (31 reviews)5 (31 reviews)
2,482 Users2,482 Users
You’ll need Firefox to use this extension
Download Firefox and get the extension
Download file

Extension Metadata

Screenshots
VisBug showing spacing around elementsHover and VisBug will tell you style informationHover and VisBug will tell you accessibility informationHover and see distance between elements for quick measuring and alignment verification
About this extension
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.
Rated 5 by 31 reviewers
Sign in to rate this extension
There are no ratings yet

Star rating saved

5
31
4
0
3
0
2
0
1
0
Read all 31 reviews
More information
Add-on Links
  • Homepage
  • Support site
  • Support Email
Version
0.4.6
Size
5.38 MB
Last updated
a year ago (Jun 26, 2024)
Related Categories
  • Web Development
  • Appearance
License
Apache License 2.0
Version History
  • See all versions
Add to collection
Report this add-on
Release notes for 0.4.6
minor bug fixes
- sometimes wouldnt close
- linux had some serifed fonts
More extensions by argyleink
  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

Go to Mozilla’s homepage

Add-ons

  • About
  • Firefox Add-ons Blog
  • Extension Workshop
  • Developer Hub
  • Developer Policies
  • Community Blog
  • Forum
  • Report a bug
  • Review Guide

Browsers

  • Desktop
  • Mobile
  • Enterprise

Products

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privacy
  • Cookies
  • Legal

Except where otherwise noted, content on this site is licensed under the Creative Commons Attribution Share-Alike License v3.0 or any later version.