VisBug

Open source browser design tools

VisBug is an open-source Chrome extension that acts like a FireBug for designers, providing powerful browser-based web design debug tools. With VisBug, you can point, click, move, resize, and tweak any page element live. It enables editing and styling on any page in any state, allowing designers to work as if the web is their artboard. You can inspect styles, spacing, distances, alignment, and accessibility, nitpicking layouts and content on production or prototype pages at any device size.

Designed to complement your existing Adobe or Sketch skills, VisBug empowers designers and content creators to make front-end decisions without waiting for developers. Edit text, replace images, and design in complex environments including simulated latency, internationalization, media queries, and platform constraints. This tool bridges the gap between design and development by bringing interactive design tools and hotkeys directly into the browser for immediate testing and execution.

By:
https://visbug.web.app/
Users:
200,000
Rating:
4.79
(260)
1 new ratings
Version:
0.4.10 Last updated: 2024-11-20
Creation date:
2020-06-26
Risk:
Very low risk impact Very low risk likelihood
Permissions:
  • activeTab
  • contextMenus
  • scripting
  • storage
Size:
5.38MB
Email:
ar*****@google.com
URLs:
Website
Full description:
See detailed description
Source:
Chrome Web Store
Updated:
a day ago

Other platforms

VisBug (v0.4.6)
2,496 5.00 (31)
VisBug (v0.4.7)
35,740 4.50 (11)

User reviews

VisBug is praised for its user-friendly interface and efficiency in helping frontend developers and designers quickly check and adjust styles directly in the browser. It saves time and is highly recommended. However, multiple users report issues with the extension not opening consistently, lack of an undo feature, bugs in the Inspect tool with pop-up layers, absence of a close button and device preview, and problems disabling the tool once active.
Pros
  • User-friendly and easy to use, suitable for frontend developers and web designers
  • Helps quickly check, adjust spacing, padding, and consistency directly in the browser
  • Saves time and streamlines design checks and on-the-fly edits
  • Highly recommended and considered one of the best similar tools available
  • Versatile and useful for inspecting and editing web page styles
Cons
  • The extension sometimes fails to open or tools don't show up when clicked
  • Lacks an undo function, making complex edits difficult
  • Issues with multiple pop-up layers stacking in the Inspect tool
  • No close button or device viewer feature for previewing before and after changes
  • Some bugs causing the tool to remain active when trying to disable it
Recent reviews
отлично, но не с 1 раза открывается
by On*****, 2025-05-28

The best one I've found yet
by Fi*****, 2025-05-02

it didn't open up when i clicked on it
by br*****, 2025-04-06
View all user reviews ›

Extension safety

Risk impact
Risk impact measures the level of extra permissions an extension has access to. A low risk impact extension cannot do much harms, whereas a high risk impact extension can do a lot of damage like stealing your password, bypassing your security settings, and accessing your personal data. High risk impact extensions are not necessarily malicious. However, if they do turn malicious, they can be very harmful.

VisBug does not require any sensitive permissions.

Risk impact analysis details
    Risk likelihood
    Risk likelihood measures the probability that a Chrome extension may turn malicious. This is determined by the publisher and the Chrome extension reputation on Chrome Web Store, the amount of time the Chrome extension has been around, and other signals about the Chrome extension. Our algorithms are not perfect, and are subject to change as we discover new ways to detect malicious extensions. We recommend that you always exercise caution when installing a Chrome extension.

    VisBug has earned a good reputation and can be trusted.

    Risk likelihood analysis details
    • Medium This extension has medium user count. Unpopular extensions may not be stable or safe.
    • Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
    • Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
    • Good **** ********* ** ****** ** ********
    • Good **** ********* *** **** **** *******
    Upgrade to see full risk analysis details

    Promo images

    Small promo image

    Compare extensions

    Similar extensions

    Here are some Chrome extensions that are similar to VisBug:

    Popular extensions / apps

    Here are some popular extensions / apps that you might be interested in: