VisBug logo

VisBug

Allows designers and content creators to edit and style any webpage, in any state, like an artboard, with point-and-click interactions and design tool hotkeys.

Made by Google Chrome Labs

0
Website

  • Firefox Extension

  • Web Design

  • Google Chrome Extension

  • visual-debugging

Image 0
Image 1

What is VisBug?

The open-source web design debug tools built with JavaScript provide designers and content creators with a suite of powerful features to enhance their workflow and empower their decision-making process. Inspired by the success of FireBug, these tools bring the same level of interactivity and control to the design realm, allowing users to seamlessly interact with and manipulate web pages as if they were working on an artboard

Highlights

  • Simple point-and-click interface for quick and intuitive editing
  • Ability to edit or style any page element, in any state, directly within the browser
  • Hover inspection capabilities to view styles, accessibility details, and alignment
  • Text editing and image replacement functionalities
  • Front-end decision-making support for site and app development

Platforms

  • Web
  • Firefox
  • Microsoft Edge
  • Online
  • Google Chrome
  • Safari

Languages

  • English

Features

    • Safari extension

    • Microsoft Edge extension

    • Debugging

    • UI Design