Skip to content
Back to search
30
MCP

design-extract

manavarya09/design-extract

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+.

Uptime
0.0%
105 probes
Response
0ms
last probe
Tools
0
callable

Similar MCP servers embedding-nearest

@designscan/extractor
URL -> design tokens -> DESIGN.md. The extraction engine.
0 tools
DesignScan
Extract a website’s design tokens (colors, type, spacing, shadows) as DESIGN.md, W3C, or CSS.
0 tools
@mseep/mcp-design-system-extractor
Simplified MCP server for Storybook design system extraction with component analysis tools
0 tools
miromiro-mcp
MCP server for the MiroMiro design-extraction API — give your coding agent the real code, design tokens, assets, SVGs, fonts, and Lottie of
0 tools
mcp design system extractor
Metadata-only Glama MCP server.
0 tools
design-token-bridge-mcp
MCP server that translates design tokens between platforms — Tailwind, Figma, CSS to Material 3, SwiftUI, and CSS Variables
0 tools

How to use

Add to your Claude Desktop / Cursor / Cline MCP config:

{
  "mcpServers": {
    "design-extract": {
      "url": "https://www.designlang.app",
      "transport": "http"
    }
  }
}