Remote OpenClaw Blog
Best Design MCP Servers in 2026: Figma and More
7 min read ·
Figma Context MCP by GLips is the best design MCP server in 2026, with 15,223 GitHub stars as of July 2026, because it feeds an agent the exact layout, styles, and component data from a Figma file so it can generate accurate front-end code in one pass. It is the most-starred interface-design server in the Remote OpenClaw directory of 13,870 servers. The only design-adjacent server with more stars is Blender MCP at 23,143, which targets 3D modeling rather than interface work. Below both sit three more picks, ranked by relevance to design work and verified against each repository's README on July 4, 2026.
How We Ranked Design MCP Servers
Design MCP servers are ranked here by design relevance first, then GitHub stars and maintenance activity, all checked against each repository on July 4, 2026. There is no single design category in the Remote OpenClaw directory, so these servers are spread across Developer Tools and Other, and this list pulls the strongest ones together.
Relevance matters more than raw stars in this category. Blender MCP has the most stars of any creative server at 23,143, but it drives 3D modeling in Blender rather than interface design, so it ranks below Figma Context MCP for anyone building websites and apps. We flag that difference inline rather than letting a star count decide the order. For the cross-category view, see our best MCP servers in 2026 list.
The 5 Best Design MCP Servers in 2026
These five servers cover design-to-code, 3D modeling, AI UI generation, and Figma automation. Install commands were verified against each repo's README in July 2026 and use the claude mcp add syntax for Claude Code.
1. Figma Context MCP - design to code
Figma Context MCP (15,223 stars), also known as the Framelink Figma MCP, pulls layout, styles, text, and component metadata straight from a Figma file so an agent can build accurate front-end code instead of guessing from a screenshot. It needs a Figma access token, passed with --figma-api-key or the FIGMA_API_KEY variable. Directory page: GLips/Figma-Context-MCP.
claude mcp add figma-context -- npx -y figma-developer-mcp --figma-api-key=YOUR_FIGMA_KEY --stdio2. Blender MCP - 3D modeling and scenes
Blender MCP (23,143 stars) connects an agent to Blender so it can create and edit 3D objects, materials, and scenes through natural language. It has the most stars of any server in this list, but it serves 3D and product design rather than UI work. Install the server with uvx, then add the companion Blender addon. Directory page: ahujasid/blender-mcp.
claude mcp add blender -- uvx blender-mcp3. Magic MCP - AI UI component generation
The Magic MCP (5,234 stars) from 21st.dev generates polished React and Tailwind UI components from a text prompt and drops them straight into your project. It needs a free 21st.dev API key, set up through their CLI installer. Directory page: 21st-dev/magic-mcp.
npx @21st-dev/cli@latest install claude --api-key YOUR_API_KEY4. figma-mcp-go - fast Figma automation
figma-mcp-go (1,202 stars) is a Go-based Figma MCP server that reads file structure and design tokens with low overhead, distributed as an npm package so you do not need to build the Go binary yourself. It is a lighter alternative when Figma Context MCP feels heavy. Directory page: vkhanhqui/figma-mcp-go.
claude mcp add -s project figma-mcp-go -- npx -y @vkhanhqui/figma-mcp-go@latest5. figma-use - editing Figma with 90+ tools
figma-use (569 stars) goes beyond reading a file: it exposes more than 90 tools so an agent can create and edit frames, layers, and styles directly in Figma. Install the figma-use CLI, then run its MCP server. Directory page: dannote/figma-use.
claude mcp add figma-use -- figma-use mcp serveComparison Table: Design MCP Servers at a Glance
The table below compares all five picks on stars, design job, and credentials, with star counts current as of July 4, 2026.
| Rank | Server | Best for | Stars (Jul 2026) | Credential | Runs |
|---|---|---|---|---|---|
| 1 | Figma Context MCP | Design to code | 15,223 | Figma token | Local (npx) |
| 2 | Blender MCP | 3D modeling | 23,143 | None | Local (uvx) |
| 3 | Magic MCP | AI UI components | 5,234 | 21st.dev key | Local (npx) |
| 4 | figma-mcp-go | Fast Figma reads | 1,202 | Figma token | Local (npx) |
| 5 | figma-use | Editing Figma | 569 | Figma token | Local (CLI) |
Browse Design Servers in the Directory
The Remote OpenClaw directory keeps most design servers in the Developer Tools category, which tracks 1,127 servers, each with a detail page showing stars and the exact install command. Because design tooling overlaps with front-end work, two adjacent guides pair well with this list.
- Best MCP servers in 2026, the complete ranked list across every category
- Best MCP servers for Claude Code for the coding agent that consumes these designs
- Best browser automation MCP servers for testing the UI you build from a design
You can also package your own design-to-code workflows as reusable agent skills and list them on the Remote OpenClaw marketplace.
Limitations and Tradeoffs
Design MCP servers are read-heavy but not free of risk, and the main tradeoff is context weight rather than danger. Figma files are large, so pulling a full page of design data can consume a big share of an agent's context window, which is why Figma Context MCP lets you target a single node instead of a whole file. Give each server a Figma token scoped to the specific files it needs.
Generation tools add a different tradeoff: Magic MCP produces good starting components, but the output still needs a human review for accessibility, responsiveness, and brand fit before it ships. Blender MCP is powerful for 3D yet irrelevant to most web projects, so do not install it just for its star count. Our guide on securing MCP server connections covers token scoping, and stars here measure popularity, not design quality, which is why the table pairs them with each server's job.
Related Guides
- Best MCP Servers in 2026: The Complete Ranked List
- Best MCP Servers for Claude Code in 2026
- Best Browser Automation MCP Servers in 2026
- Claude Code MCP: How to Add and Manage MCP Servers
Go deeper
The operator playbooks
Production-ready PDF guides for OpenClaw and Hermes Agent — $19.99 each.
Skills for this topic
Browse all skills →Frequently Asked Questions
What is the best design MCP server in 2026?
Figma Context MCP by GLips is the best design MCP server in 2026 for interface work, with 15,223 GitHub stars as of July 2026, because it turns Figma files into accurate front-end code. Blender MCP has more raw stars at 23,143 but targets 3D modeling, and Magic MCP leads for generating UI components from a prompt.
Is there an MCP server for Figma?
Yes, several. Figma Context MCP is the most popular at 15,223 stars for reading designs into code, figma-mcp-go is a lighter Go-based reader, and figma-use exposes more than 90 tools for editing Figma directly. All three need a Figma access token to reach your files.
Can an MCP server turn a Figma design into code?
Yes. Figma Context MCP feeds an agent the layout, styles, and component data from a Figma file so it can generate front-end code that matches the design, rather than approximating from a screenshot. Install it with claude mcp add figma-context -- npx -y figma-developer-mcp and supply your Figma token.
Do design MCP servers need an API key?
Most do. Every Figma-based server needs a Figma access token, and Magic MCP needs a 21st.dev API key. Blender MCP is the exception, since it talks to a local Blender instance through a companion addon and needs no external key.