Design System Extractor
Paste any website URL and instantly extract its design system — get a DESIGN.md, Tailwind v4 config, and design tokens ready to drop into your AI coding workflow.
DESIGN.md
YAML tokens + markdown rationale, ready for Claude Code and Claude Design.
Tailwind v4
An @theme config block with extracted colour, type, and spacing tokens.
Design Tokens
W3C DTCG-format JSON with color, typography, spacing, and radius tokens.
Examples
Stripe
stripe.com
Raycast
raycast.com
Vercel
vercel.com
Notion
notion.so
GitHub
github.com
Figma
figma.com
Apple
apple.com
Airbnb
airbnb.com
Shopify
shopify.com
Tailwind CSS
tailwindcss.com
Framer
framer.com
Supabase
supabase.com
Nike
nike.com
Twitch
twitch.tv
Dropbox
dropbox.com
Airtable
airtable.com
Duolingo
duolingo.com
Discord
discord.com