Top design MCP servers

Ranked by the composite AgentRank score — a weighted blend of stars (15%), freshness (25%), issue health (25%), contributors (10%), and inbound dependents (25%). Average score across all 768 design tools is 32.2. The tools below are in the top tier.

Choosing by use case

Figma layout context for AI coding agents

GLips/Figma-Context-MCP is the standout tool in this category — 13,663 stars, a score of 89.86, and 24 contributors. It provides Figma layout data directly to AI coding agents like Cursor, enabling them to implement designs accurately without manual handoff. The server reads node properties, layout constraints, typography, and spacing from your Figma file and structures them for agent consumption. If your workflow involves going from Figma to code, this is the essential tool.

Animated and polished UI components (Magic UI)

magicuidesign/mcp is the official MCP server from Magic UI, scoring 85.07. Magic UI is a library of animated React components — the kind of polished effects that would otherwise require custom CSS or Framer Motion expertise. With this server, an agent can generate and integrate those components on demand. Zero open issues and active commits signal a well-maintained project despite its small contributor count.

Icon search and retrieval

better-auth/better-icons scores 85.03 with zero open issues — a clean, focused tool for icon lookup. When an agent needs to pick the right icon for a component or interface, this server provides semantic search across icon sets so agents can find and retrieve icons by description rather than guessing names. Well-maintained by the better-auth team.

shadcn/ui component context

Jpisnice/shadcn-ui-mcp-server has 2,696 stars and scores 83.64. It gives LLMs full context about shadcn/ui component structure, usage patterns, and installation — compatible with React, Svelte 5, Vue, and React Native. If your project uses shadcn/ui (and many do), this server closes the gap between "the agent knows React" and "the agent knows exactly how to use your component system."

Generative and motion design (TouchDesigner)

8beeeaaat/touchdesigner-mcp scores 82.38 with an exceptional issue health ratio: 39 closed versus 1 open. TouchDesigner is the leading environment for interactive visual and motion design — live performances, generative visuals, and real-time data-driven graphics. This server lets agents script and control TouchDesigner networks programmatically, which opens up AI-assisted creative workflows that were previously entirely manual.

Diagramming and whiteboarding (Excalidraw)

yctimlin/mcp_excalidraw brings programmatic control to Excalidraw with 1,428 stars and a score of 76.46. The server lets agents create, edit, and export Excalidraw diagrams with real-time canvas sync — useful for generating architecture diagrams, UX flow charts, or system diagrams from structured data. 13 contributors and active commits make this a reliable choice.

Open-source design tool integration (Penpot)

penpot/penpot-mcp is the official server from the Penpot team, scoring 70.76. Penpot is the leading open-source Figma alternative — self-hosted, browser-based, SVG-native. The official server integration means teams that run Penpot on-premise can connect their design tool to agent workflows without relying on a third-party server or reverse-engineering the API.

What to watch for

Figma-Context-MCP vs. claude-talk-to-figma-mcp

Two Figma servers exist in the index with meaningfully different approaches. GLips/Figma-Context-MCP (score 89.86) reads layout data and feeds it to coding agents — it is primarily designed for design-to-code pipelines. arinspunk/claude-talk-to-figma-mcp (score 68.87) supports bidirectional operations: reading and modifying Figma designs from Claude. Use the first when you want to implement from Figma; use the second when you want the agent to edit the Figma file itself.

Official vs. community servers

This category has a healthy mix of official servers (magicuidesign/mcp, penpot/penpot-mcp) and well-maintained community efforts (Figma-Context-MCP, shadcn-ui-mcp-server, mcp_excalidraw). For official design tools with public APIs, an official server from the tool vendor is the safer long-term dependency. For tools like shadcn/ui that don't publish an official server, a high-star community server with good issue health is the next best thing.

The design-to-code gap is still early

Average score across all 768 design tools is 32.2 — the lowest category average in the index. Most design MCP tooling is recent, with small contributor counts and variable maintenance. Figma-Context-MCP is the clear outlier. The rest of this category is still maturing. Check last-commit dates and issue health before depending on a lower-ranked tool in production.

Methodology

Tools classified as "design" via keyword matching on description, repo name, and topics — including Figma, UI components, icon systems, diagramming, animation, and design tool integrations. Only non-archived repositories included. Scores computed using: stars 15%, freshness 25%, issue health 25%, contributors 10%, inbound dependents 25%.