Component Hygiene

Design Token Checker helps design system teams validatecomponents before shipping.

Select any component and run a full audit across:- Color tokens — fills & strokes use variables- Typography tokens — text uses brand text styles- Corner radius tokens — radius values use variables- Spacing tokens — padding & gap use variables- Auto layout — frames are properly structured- AI-compatible layout — layers are named correctly- WCAG contrast — text meets AA accessibility standards- Min text size — no text below 12pxEach failed check shows the exact layer name andstep-by-step fix instructions.