Design Tool

Design Tool

Figma's inspect panel, for any website

Product HuntChrome ExtensionsLaunched Sep 21, 20268#38 of the day

About Design Tool

Hover any element on a live website and read its type styles the way you would in Figma. Click two elements to measure the exact gap between them as dimension lines, not a ruler you eyeball. See margin, border and padding as a spacing box instead of a flat CSS list. Reach past full-bleed overlay elements with a Cmd/Ctrl-hover. No host permission, no tracking, no network requests — nothing leaves your browser.

The person behind Design Tool

Design Tool's team page →

More Chrome Extensions launches

Made Design Tool? Ask us to remove this listing or your details.