DESIGN SYSTEM SNIFFER
Input
Fetch & Analyze
Load Demo
Reset
Advanced: Paste CSS (if site blocks CORS)
Analyze Pasted CSS
Tip: In your browser devtools, copy from Sources → *.css files.
Summary
No tokens detected. Try the
Load Demo
, paste CSS in
Advanced
, or analyze a page with clear styles.
Colors
Export JSON
Export CSS Vars
Export Figma Styles
Typography
Detected Font Families
Font Sizes
Font Weights
Line Heights
Heading One
Heading Two
Body text — The quick brown fox jumps over the lazy dog.
Caption style with muting.
Radii, Shadows, Spacing
Border Radius
Examples
Box Shadow
Preview
Spacing (px/rem)
Occurrences
Primary Button
Secondary
Link
RAW CSS (first 12KB)