VibeCodes

Try “Claude Code skills”, “MCP servers for Cursor” or “Codex” · Esc to close

Design MCP Servers for Claude Code

Bring Figma designs and UI components into your coding agent. Every listing below works with Claude Code. Free GitHub projects and paid options are ranked together.

Updated October 2026 · 7 listings · stars refreshed daily from GitHub

How to add design MCP servers to Claude Code

Add a local server with claude mcp add <name> -- <command> or a remote one with claude mcp add --transport http <name> <url>. Use --scope project to write a shared .mcp.json; /mcp shows status and handles OAuth.

All MCP servers 74Docs & code context MCP servers 18Developer tool MCP servers 16Web search & scraping MCP servers 9Design MCP servers 7Cloud & deployment MCP servers 6Database & backend MCP servers 6Productivity MCP servers 5MCP platforms & gateways 4Browser & testing MCP servers 3
2

Framelink Figma MCP 🔌 MCP serverFree

Community MCP server that gives agents Figma layout and styling data

★ 16k · +31 this week

8.0 Visit ↗
4

designlang (design-extract) 🔌 MCP serverOpen source

Extract any website's design system as DTCG tokens, Tailwind, Figma and more via CLI or MCP

★ 4.2k · +18 this week

7.6 Visit ↗
5

Talk to Figma MCP 🔌 MCP serverOpen source

Read and edit live Figma files from your coding agent through a Figma plugin bridge

★ 7.0k · +11 this week

7.4 Visit ↗
6

Ableton MCP 🔌 MCP serverFree

MCP server that lets Claude and other LLMs control Ableton Live for music production

★ 3.1k · +30 this week

6.8 GitHub ↗
7

MeiGen AI Design MCP 🔌 MCP serverFreemium

MCP server for AI image/video generation with a 1,400+ prompt library and ComfyUI support

★ 1.8k

6.5 Visit ↗

More for Claude Code

🧩 Skills for Claude Code (68) 🤖 Subagents for Claude Code (67) Claude Code review

Popular searches