CSS Inspector

Inspect CSS properties and design tokens on any web page

Inspect any element. See the design token behind it — not just raw CSS values. CSS Inspector is a lightweight browser tool for designers and developers who work with design systems. Upload your team's token JSON once, and every CSS property is instantly mapped to its token name. Why CSS Inspector? ✅ One-click inspection — Hover any element to see its layer hierarchy and DOM structure. Click to view all CSS properties, grouped by category. ✅ Design token mapping — Upload your design system JSON and CSS variables are automatically resolved to token names. No more guessing which token a color or spacing value belongs to. ✅ 10 CSS categories — Colors, Typography, Spacing, Border Radius, Borders, Shadows, Layout, Size, Effects, Scroll — all grouped and searchable. ✅ QA notes on elements — Click any element to pin a note directly on it. Markers stay visible while the panel is open. Add follow-up replies to keep context. Get Started for Free All features are available at no cost. Install, click the toolbar icon, and start inspecting. Whether you're reviewing a design handoff, auditing token adoption, or leaving QA feedback — CSS Inspector keeps everything in one place, right in the browser.