design-systems MCP servers & tools

20 Model Context Protocol servers tagged “design-systems”, ranked by usage. Connect any of them to Claude Desktop, Cursor or Windsurf in one step.

Search “design-systems” with filters

Genable
musepy
Write-side MCP for Figma — complements Figma's official read-only MCP. 41 tools for building and editing Figma designs from Claude Code, Cursor, Cline: JSX-like tree creation, variables/tokens, components, cross-page navigation, and visual verification via screenshots. Install: npx -y genable-mcp.
Architecture & Design
Upvotes: 0Installs: 0GitHub stars: —
Brandkit MCP
ejwhite7
Expose a company's complete design system (colors, typography, logos, components, guidelines, CSS tokens) to AI tools via MCP. Auto-parses CSS / Markdown / PDF / SVG / fonts; supports marketing vs product contexts with shared overrides; ships 12 tools, 16+ resources under brandkit://, and 4 prompts; stdio + SSE + Streamable HTTP transports. Install via NPM: npx -y brandkit-mcp serve.
Architecture & Design
Upvotes: 0Installs: 0GitHub stars: —
MCP Design System Extractor
freema
Extracts component information from Storybook design systems. Provides HTML, styles, props, dependencies, theme tokens and component metadata for AI-powered design system analysis.
Finance & Fintech
Upvotes: 0Installs: 0GitHub stars: —
Memi
sarveshsea
Design-system memory for coding agents with 46 MCP tools for UI audits, Tailwind token extraction, shadcn registry workflows, Figma context, design docs, and interface-quality diagnostics.
Architecture & Design
Upvotes: 0Installs: 0GitHub stars: —
Design Constraint Validator
Validate design tokens for accessibility, scales, and design-system constraint consistency.
Browser Automation
Upvotes: 0Installs: 0GitHub stars: —
TypeUI
Design systems, UI prompts, and layout variations for AI coding tools.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
Opendesignguard MCP
Paid remote MCP for agent design system guard MCP, structured receipts, audit logs, and reviewer-rea
Security
Upvotes: 0Installs: 0GitHub stars: —
Figma MCP Server
The Figma MCP server brings Figma design context directly into your AI workflow.
Architecture & Design
Upvotes: 0Installs: 0GitHub stars: —
Taste Bank
Reusable visual design systems for AI coding agents — browse, fetch, and submit styles via MCP.
Architecture & Design
Upvotes: 0Installs: 0GitHub stars: —
HTML to Figma — Design System
Translate HTML prototypes into Figma using your design system's real components and tokens.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
Mimic AI
Builds Figma from your design system: real components and tokens, enforced, learning every build.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
Briefkit MCP Server
mithun4elp
Generate engineer-grade SaaS specifications — design systems, database schemas, and RLS policies for AI build tools like Lovable, Cursor, and Claude Code.
Databases
Upvotes: 0Installs: 0GitHub stars: —
Validator
On-demand MCP drift checks: declared CSS color, radius, spacing & type tokens vs a chosen pack.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
Vibesharing
Deploy prototypes and collect team feedback from Claude Code, Cursor, or any MCP client.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
Tapsite
MCP server for web inspection, design system extraction, and accessibility audits
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
Identity Forge
Design kits, brand naming, and domain research for coding agents.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
G
Gateway
Jinn gateway MCP — brand DNA, brand kits, design systems, and agency tools behind one bearer token.
Finance & Fintech
Upvotes: 0Installs: 0GitHub stars: —
Designer Skill MCP
UI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
P
Polyxd
Write Polyxd UI documents, check them, and show them as real screens in any design-system pack.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
Better Design
A design harness for AI coding agents: design systems, design principles, icons and UI review.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —