A VisBug alternative for reading a site's design

VisBug, the open-source design debugging extension from Google Chrome Labs, was archived on GitHub on 15 September 2026, and its store listing has had no update since November 2024. If you used it to find out which colors, fonts and spacing a site uses, Stylasso does that part in one click and gives you the result as files you can paste.

What is different

VisBug is an element inspector and editor: you point at one element, read or change its styles on the page. Stylasso reads the whole page at once and turns it into a style kit: the palette with roles, the fonts it really renders, the type scale, spacing grid, radii and shadows. It does not edit the page.

VisBugStylasso
StatusArchived (Sept 2026), last store update Nov 2024Maintained
Inspect one element, edit it on the pageYesNo
Whole-page palette with roles (primary, text, surface...)NoYes, with contrast ratios
Fonts as rendered, with samplesPer elementYes, whole page
Type scale, spacing grid, radii, shadowsPer elementYes, named on the Tailwind scale
Export CSS variables, Tailwind v4, JSONNoYes, free
DESIGN.md for AI coding toolsNoYes, free
shadcn/ui theme, Figma tokensNoPro ($9.99 once)
PermissionsReads the current tab when usedactiveTab, scripting, storage: the current tab only, after you click
PriceFree, open sourceFree; optional Pro $9.99 once

When to use which

If you need to nudge one element on a live page, an inspector is the right tool (the browser's own DevTools does this well). If you want to know a site's design system, compare it with your own, or hand it to an AI coding tool, Stylasso is built for that.

How it works

  1. Open a site and click the Stylasso icon.
  2. Read the colors with their roles and contrast, the fonts with samples, the type scale and the shapes.
  3. Copy it as CSS variables, a Tailwind v4 theme, a DESIGN.md or JSON, or save a moodboard PNG.

Try it on three sample sites on the home page without installing anything.

Related

Get your first DESIGN.md in one click

Stylasso is free for Chrome and Edge. CSS variables, Tailwind v4, DESIGN.md and JSON are free; a shadcn/ui theme and Figma tokens come with Pro ($9.99 once).

Coming to the Chrome Web Store and Edge Add-ons this week.