Design System Extractor

A CLI tool + web app that automatically extracts design tokens (colors, typography, spacing, shadows) from any website and exports them as reusable design system files. Saves designers hours of manual documentation and helps teams maintain design consistency.

Design token adoption is accelerating fast right now — the W3C Design Tokens Community Group published its first specification in 2022, and tools like Figma's Variables and Style Dictionary have pushed the concept mainstream, meaning more teams are actively thinking about tokens than ever before. Style Dictionary (open source, by Amazon) is the closest adjacent tool, but it handles token transformation rather than extraction, leaving the scraping-from-existing-sites use case genuinely underserved. The $500–3k/mo revenue band is honest: this is a niche utility that individual designers or small agencies might pay $20–50/mo for, but enterprise teams with real design system budgets will want deeper integrations or self-hosting, which is harder to build. The biggest risk is that extraction is a one-time task — once a team documents their tokens, they don't need the tool again, which kills retention and makes this more of a one-shot purchase than a sticky subscription.