Drift — Design Token Audit

Audit how any live UI uses your design tokens — inspect, pin, annotate, and capture a shareable audit. Catch design drift.

Drift — Design Token Inspector & QA Tool Drift helps designers and front-end developers catch the gap between what was designed in Figma and what actually shipped in the browser. Hover any element on a live page to instantly see which design tokens it's using — CSS custom properties like --colorTextLinkDefault — with resolved values and color swatches. No DevTools. No digging through stylesheets. What you can do: Scan any page and list every CSS variable it uses, filterable and copyable in one click Hover elements to see exactly which tokens they pull, with live color previews Pin multiple elements at once to compare token usage side-by-side across a screen Add notes to pinned findings, then capture an annotated screenshot to share with your team Drag tooltips out of the way, double-click to climb to parent elements, and toggle the live highlight when you need a clean view Built for: Designers QA'ing implemented UIs without touching DevTools Developers increasing design token adoption across a codebase Design system teams auditing token consistency before a release Everything runs locally in your browser. No account. No data sent anywhere.