Design & customization

VisBug

Explore page spacing, typography, and layout visually.

Chrome
Illustrated overview of VisBug
Illustrated overview by Pearto

About this extension

Experiment with a page directly in the browser using visual design tools. These local changes help prototype ideas; they do not edit the website source.

Explore layout, spacing and typography directly on a rendered web page. It helps you test visual ideas before making corresponding changes in the project source.

Key features

  • Inspect visual page styles
  • Try spacing and text changes
  • Prototype design adjustments

How to install

  1. Select Get extension to open the official project or publisher page.
  2. Choose the listing for your browser and add the extension.
  3. Open a page, activate VisBug and select an element to inspect or adjust.

Requirements

Desktop Chrome.

Good to know

Edits are local experiments in the current page. They do not update the website’s source files.

← Back to extensions