Open Inspector
Updated
About Open Inspector
Open Inspector is a free browser extension that inspects and exports design details from any webpage.
Designers and developers use it to examine layouts, colors, typography, and spacing on live sites without installing plugins that request full site access. It works for anyone who wants to audit designs or extract design tokens from existing pages.
- Inspect styles, color, type, layout, and assets on any page
- Live WCAG contrast grading and accessibility audit
- Export design tokens as CSS variables, Tailwind, or JSON
- Detect spacing scales and grid/flex structure
- View the actual font that rendered, not just requested
Good to know: Free and open-source with MIT license, no account required, works in Chrome, Edge, Brave, Arc, Opera, Vivaldi and other Chromium browsers.
Key features
- No site access needed: Uses only activeTab permission granted by your click, revoked when you navigate away, with zero network requests.
- Accessibility audits: Provides live WCAG contrast grading and identifies every failing color sample on the page.
- Design system export: Extracts spacing scales, type scales, and design tokens in multiple formats including Tailwind and W3C standard.
At a glance
- Category: AI Design
- Type: UI & UX design
- Jobs: Build Sites & Apps
- Evidence: New launch on Product Hunt (a few reviews)
- AIME Score: 54 of 100
- Launched: Oct 2, 2026 on Product Hunt · 100+ upvotes
- Website: patlf.github.io
Alternatives to Open Inspector
- Miro (AIME Score 88)
- Figma (AIME Score 80)
- Figma Agent (AIME Score 91)
- A2UI (AIME Score 77)
- Moodbit (AIME Score 70)
- Sleek (AIME Score 70)
More UI & UX design tools
Sources: Found on Product Hunt (launched Oct 2026) · Details checked on the tool’s own website · Researched by AI Made Easy
This is a tool profile with the essentials. Spotlights, our in-depth reviews with screenshots and video, are added every day, Proven tools first. How we pick Spotlights
Is this your tool? Claim, update or remove this listing, or get a badge