Drift — Design Token Audit

About

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.