QA Inspector

Inspect CSS and compare selected elements against design tokens or a Figma frame.

QA Inspector helps designers, QA engineers and front-end developers check that a live website matches its design. Pick any element on the page and instantly see its real CSS values — typography, colors, spacing, sizes, borders — together with the design tokens they map to. Then connect Figma and compare the page directly against a Figma frame to spot visual differences without switching between tools. KEY FEATURES • Inspect element — click any element to see its computed styles and matching design tokens • Scan page — get an overview of the styles used across the whole page • Compare with Figma — attach a Figma frame and check the page against the layout • Figma connection — add your personal Figma access token once; it stays connected until you disconnect WHO IT'S FOR • UI/UX designers doing design review of implemented screens • QA engineers verifying UI against design specs • Front-end developers checking their work against Figma and the design system PRIVACY Your Figma token is stored locally in your browser and is used only to request data from the Figma API. QA Inspector does not collect, sell or share any personal data.