Design Token Extractor
From screenshot
to tokens
Upload any UI screenshot and extract its color palette instantly.
Export to Figma, Tailwind, or CSS — zero setup, runs in your browser.
Drop your screenshot here
or
PNG · JPG · WebP
Coming soon URL mode will extract fonts, spacing & shadows from live pages via DOM analysis.
Want fonts, spacing & shadows now?
The bookmarklet runs on any live page — no extension needed. Works in Chrome, Firefox, Safari.
Reading image…
Typography tokens
Font families, sizes, weights, and line heights are extracted from live pages via DOM analysis. Available in URL Mode — coming soon.
Spacing & radius tokens
Padding, margin, gap, and border radius values are extracted from live pages. Available in URL Mode — coming soon.
Shadow tokens
Box shadow values are extracted from live pages via computed styles. Available in URL Mode — coming soon.