21st.dev Magic MCP vs figma-mcp-go

A side-by-side comparison of two Design & Media servers — tools, transport, auth, maintenance, and copy-paste config for each.

	21st.dev Magic MCP Generate beautiful, modern UI components from natural-language descriptions inside your IDE. Unverified stdio (local) API key TypeScript	figma-mcp-go Free, no-rate-limit Figma MCP server with full read/write via a plugin bridge — no REST API token needed. Unverified stdio (local) No auth Go
Category	Design & Media	Design & Media
Language	TypeScript	Go
Transport	stdio (local)	stdio (local)
Auth	API key	None
GitHub stars	5.2k	1.1k
Last commit	5 months ago	3 months ago
Verified
Actively maintained
Install	`npx @21st-dev/cli@latest install <client> --api-key <key>`	`npx -y @vkhanhqui/figma-mcp-go`
Repo	Open	Open

Verdict

Pick 21st.dev Magic MCP if you want the official, vendor-maintained server, and you prefer the more popular, battle-tested option.

Pick figma-mcp-go if you want zero-setup with no API key, and you need the broadest set of tools.

Add 21st.dev Magic MCP

Install / run

npx @21st-dev/cli@latest install <client> --api-key <key>

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "21st-dev-magic-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@21st-dev/magic@latest",
        "API_KEY=\"your-api-key\""
      ]
    }
  }
}

Add figma-mcp-go

Install / run

npx -y @vkhanhqui/figma-mcp-go

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "figma-mcp-go": {
      "command": "npx",
      "args": [
        "-y",
        "@vkhanhqui/figma-mcp-go"
      ]
    }
  }
}

FAQ

21st.dev Magic MCP or figma-mcp-go — which is better?

Pick 21st.dev Magic MCP if you want the official, vendor-maintained server, and you prefer the more popular, battle-tested option. Pick figma-mcp-go if you want zero-setup with no API key, and you need the broadest set of tools.

Can I use both 21st.dev Magic MCP and figma-mcp-go?

Yes — MCP clients let you enable multiple servers at once. Add both configs to your client's mcpServers and use whichever tool fits the task.

Do 21st.dev Magic MCP and figma-mcp-go work with Claude, Cursor and Windsurf?

Both do. Copy the per-client config below into Claude Desktop, Cursor, or Windsurf.

View 21st.dev Magic MCP →View figma-mcp-go →More comparisons →