Design Extract
Extract any website's complete design system with one command. DTCG tokens, semantic + primitive + composite tiers, Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation. 2,379 GitHub stars and 100 commits on main in the last 30 days.
“Extract any website's complete design system with one command. DTCG tokens, Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation. 2,379 stars and 100 commits on main in the last 30 days.”
INSTALL THIS SERVER
{
"mcpServers": {
"design-extract": {
"command": "npx",
"args": [
"-y",
"design-extract"
]
}
}
}
{
"mcpServers": {
"design-extract": {
"command": "npx",
"args": [
"-y",
"design-extract"
]
}
}
}
{
"mcpServers": {
"design-extract": {
"command": "npx",
"args": [
"-y",
"design-extract"
]
}
}
}
{
"mcpServers": {
"design-extract": {
"command": "npx",
"args": [
"-y",
"design-extract"
]
}
}
}
{
"mcpServers": {
"design-extract": {
"command": "npx",
"args": [
"-y",
"design-extract"
]
}
}
}
7 TOOLS AVAILABLE
OUR ASSESSMENT
- 2,379 GitHub stars.
- 100 commits on main in the last 30 days. Top cadence among design MCPs.
- MIT license.
- DTCG-compliant token output (semantic + primitive + composite).
- Multi-platform exporters (Tailwind, Figma, shadcn, SwiftUI, Compose, Flutter, WordPress).
- CSS health audit plus WCAG remediation in one tool.
- Playwright dependency; first run downloads browser binaries (~150MB).
- Extraction quality depends on target site CSS architecture; opaque CSS-in-JS systems extract less cleanly.
- Community-maintained.
No authentication. Playwright runs a headless browser against arbitrary URLs; honour the target site's Terms of Service and robots.txt before extracting at scale. WCAG remediation is suggestion-only; manual verification still required for compliance.
Design teams reverse-engineering competitor design systems; agencies onboarding new clients who want to capture the existing brand system; platform engineering teams standardising on DTCG tokens; accessibility audits where WCAG remediation suggestions accelerate fixes.
TECHNICAL DETAILS
ADOPTION METRICS
// Reading this2,379 stars on Manavarya09/design-extract. 100 commits on main in the last 30 days.
// Reading thisPairs with Framelink Figma, Stitch, Excalidraw, Miro in design. Design Extract owns the design-system-extraction-from-URL slot uniquely.
SOURCES & VERIFICATION
We don't take any single directory's word for it. Before scoring, we cross-reference 4 public MCP sources, install the server ourselves against the clients we cover, and record when we last re-verified.
The same server, 4 different lenses. We reconcile these signals into our editorial score, which is why our number sometimes diverges from a directory-aggregate star count.
| Source | Their rating | Their star count | Their downloads | Last synced |
|---|---|---|---|---|
| AutomationSwitch This page | 4.5editorial | 2,379 | — | MAY 9, 2026 |
| PulseMCP | — unrated | unavailable | unavailable | MAY 9, 2026 |
| MCP.so | — unrated | unavailable | unavailable | MAY 9, 2026 |
| Glama | — unrated | unavailable | unavailable | MAY 9, 2026 |
| Smithery | — unrated | unavailable | unavailable | MAY 9, 2026 |
// Counts are directory-reported; we don't adjust them. Discrepancies usually come from different snapshot times or star-caching.
OTHER DESIGN MCP SERVERS
Framelink MCP for Figma
The leading design-to-code MCP server. Bridges the Figma API to MCP clients, simplifying the API response to keep only layout and styling information so the model gets useful context with the agent's context budget kept tight. Specifically tuned for Cursor; works with any MCP client.
Stitch MCP
CLI for moving AI-generated UI designs from Google Stitch into the development workflow. 835 GitHub stars and 7 commits on main in the last 30 days. Companion to the Google Stitch design platform.
Excalidraw MCP App
Vendor-official Excalidraw MCP server that streams hand-drawn diagrams with smooth viewport camera control and interactive fullscreen editing. Uses the MCP Apps extension to render interactive HTML inside the chat window alongside the text response. Available as a hosted endpoint at https://mcp.excalidraw.com or as a local install.
Miro MCP
MCP server for controlling Miro whiteboards with AI assistants. 22 GitHub stars and 45 commits on main in the last 30 days. Tier 2 by stars; very high cadence promotes a strong watch-list candidate.
DISCUSS YOUR
MCP REQUIREMENTS.
Evaluating a server, scoping an internal deployment, or working out whether MCP is the right fit at all. Start the conversation and we will point you at the right piece of the ecosystem.