13 #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.
すべて
Vibe Design System
mondaycom
🎨 Vibe Design System - Official monday.com UI resources for application development in React.js
Mimic Ai
miapre
The design system copilot that builds Figma from HTML using your real components and tokens. Learns your system, surfaces your gaps.
Typeui
bergside
Build better interfaces with TypeUI design systems, UI prompts, and layout variations.
Klavis AI 🌟
alexgolemelectrico
Klavis AI (YC X25): Open Source, easy to use MCPs on Slack, Discord and Web
Popmelt MCP Server
avantjohn
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
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.
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.
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.
VA Design System Monitor
amponce
Open source MCP server for monitoring Department of Veterans Affairs design system usage and compliance
Marmoui
mahmoudilyan
Design-system knowledge for AI agents: live React component APIs, patterns, and generated-code validation. Agents build real dashboards, not slop. Free.
Tokven Mcp
Mihkel00
Generate complete design token systems from a hex color — OKLCH-derived, WCAG-validated, multi-format
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.
Frequently asked questions
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.
How many #design-system MCP servers and clients are there?
- mcp.so currently lists 13 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.