designlang
github.com/manavarya09/design-extract- Category
- Developer Tools
- Pricing
- Open Source
- Type
- TOOL
- Builder
- manavarya09
- Added
- May 5, 2026
About
Extract complete design systems from any live website with a single command. Generates DTCG tokens, Tailwind configs, Figma variables, multi-platform code, and design quality reports by analyzing the DOM, responsive behavior, and accessibility.
Why it made the leaderboard
This is genuinely novel - reverse-engineering design systems from live websites by DOM analysis is a clever approach that fills a real gap in the design-to-code workflow. The comprehensive output (17+ file formats including DTCG tokens, Figma variables, accessibility reports) and MCP integration make it substantially different from typical design tools or web scrapers.
Tags
design-systemdesign-tokenstailwindfigmaaccessibilitycliweb-scrapingmcp
Tech Stack
Node.js
Media
Comments (0)
No comments yet
Indexed by a proprietary survey. Corrections welcome.