design-extract (Manavarya09/design-extract) is an open-source AI project on GitHub. Repository summary: Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+. Its focus includes MCP and tool-calling integration, developer-centric engineering workflows. It is suitable for extension, integration, and iterative delivery in real workflows.
License
MIT
Stars
2,264
Homepage
https://www.designlang.app/Features
- Core capability: Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
- Provides MCP or tool-calling integration
- Built for code generation, debugging, or engineering integration
- Repository: Manavarya09/design-extract
- Primary language: JavaScript
- Open-source license: MIT
Use Cases
- Connects external systems into agent workflows
- Supports AI engineering build-and-iterate workflows for dev teams
- Build internal AI workflow prototypes with design-extract
- Validate design-extract in production-like engineering scenarios
- Building AI development workflows
- Automating agent-based processes
FAQ
Teams should first define integration boundaries and call patterns, then map repository capabilities into concrete interfaces, parameters, and access rules. GitHub repository: https://github.com/Manavarya09/design-extract. Community traction is around 2,262 stars. License: MIT.
It usually works as an execution component or capability layer, with common deployment fits such as: Connects external systems into agent workflows, Supports AI engineering build-and-iterate workflows for dev teams, Build internal AI workflow prototypes with design-extract.
