What is a #design-system MCP server?
An MCP server tagged #design-system implements the Model Context Protocol so AI assistants like Claude, Cursor, and VS Code can access design-system-related tools, data, or APIs.
14 #design-system MCP Servers & Clients
Every MCP server and client below is tagged #design-system — install one to give Claude, Cursor, VS Code, or any other MCP-compatible client access to design-system tools.
All
Vibe Design System
mondaycom
🎨 Vibe Design System - Official monday.com UI resources for application development in React.js
Added last year
Mimic Ai
miapre
The design system copilot that builds Figma from HTML using your real components and tokens. Learns your system, surfaces your gaps.
Added 4 months ago
Ai Canvas Mcp (@aicanvas/mcp)
uiNerd16
Browse and install 75+ free animated, shadcn-compatible React components from AI Canvas, each with AI reproduction prompts. Read-only MCP server over the live aicanvas.me registry; eight tools.
Added 27 days ago
Popmelt MCP Server
avantjohn
Added last year
TM
Tokven Mcp
Mihkel00
Generate complete design token systems from a hex color — OKLCH-derived, WCAG-validated, multi-format
Added 4 months ago
VA Design System Monitor
amponce
Open source MCP server for monitoring Department of Veterans Affairs design system usage and compliance
Added last year
mcp-design-system-extractor
freema
MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adoption and refactoring.
Added last year
Designesy
LE-VAI
Design-system contract verification & scoring for AI agents. 34-check engine (99.1% A self-score), DTCG token validation, WCAG 2.2 a11y, Lottie motion. 11 tools, no auth.
Added 5 days ago
Klavis AI 🌟
alexgolemelectrico
Klavis AI (YC X25): Open Source, easy to use MCPs on Slack, Discord and Web
Added last year
PD
Page Design Guide Mcp Server
chihebnabil
An MCP (Model Context Protocol) server that provides design guidance to help LLMs generate better, more modern web pages. This server focuses on teaching design principles and best practices rather than providing code templates.
Added 7 months ago
Anima Mcp Server
AnimaApp
Connect AI coding agents to Anima Playground, Figma designs, and your team's design system. Bridge the gap between prototypes and production code.
Added 6 months ago
Marmoui
mahmoudilyan
Design-system knowledge for AI agents: live React component APIs, patterns, and generated-code validation. Agents build real dashboards, not slop. Free.
Added 27 days ago
Typeui
bergside
Build better interfaces with TypeUI design systems, UI prompts, and layout variations.
Added 2 months ago
Design System MCP Server
pglevy
A proof-of-concept for publish design system guidance and code snippets as an MCP server for usage with LLMs
Added last year
Frequently asked questions
Common questions about MCP servers and clients tagged #design-system
How many #design-system MCP servers and clients are there?
mcp.so currently lists 14 MCP servers and clients tagged #design-system.
How do I install a #design-system MCP server?
Open any server below and copy its install snippet into Claude Desktop, Cursor, VS Code, or another MCP client's configuration — remote servers need no separate download.