TokenLens

Audit your design tokens usage in seconds

5 followers

Audit your design tokens usage in seconds

5 followers

Design tokens get messy fast. Dead tokens pile up, hardcoded values sneak in, and nobody knows what's actually used in production. TokenLens fixes that. Upload your token JSON and CSS files, map token categories to CSS properties, and get an instant report: which tokens are active, which are dead weight, and where raw values bypassed the system.

Free

Launch tags:Design Tools•Developer Tools•Design resources

Launch Team

Wispr Flow: Dictation That Works EverywhereStop typing. Start speaking. 4x faster.

Promoted

Maker

📌

Hey Product Hunt! 👋 I built TokenLens after spending way too much time manually auditing design tokens before a migration. The problem: you have a token JSON, you have CSS files, but you have no idea which tokens are actually used, which ones are just dead weight, and where some developer (maybe you, maybe past-you) dropped in a hardcoded #3A86FF instead of using --color-brand-primary. TokenLens answers all three questions at once. Upload your files, map your token categories to CSS properties, and get the report. That's it. It's free to use during beta. I'd love your feedback!

Report

5mo ago

Pros

Cons

Reviews