Figma Context MCP (figma-developer-mcp) vs Shadcn UI v4 MCP Server

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

	Figma Context MCP (figma-developer-mcp) Popular community server that feeds Figma layout data to coding agents via a Figma API token. Verified stdio (local) API key TypeScript	Shadcn UI v4 MCP Server Give AI assistants full access to shadcn/ui v4 components, blocks, demos, and metadata across React, Svelte, Vue, and React Native. Unverified stdio (local) API key TypeScript
Category	Design & Media	Design & Media
Language	TypeScript	TypeScript
Transport	stdio (local)	stdio (local)
Auth	API key	API key
GitHub stars	15k	2.8k
Last commit	2 months ago	2 months ago
Verified
Actively maintained
Install	`npx -y figma-developer-mcp --stdio`	`npx @jpisnice/shadcn-ui-mcp-server`
Repo	Open	Open

Verdict

Pick Figma Context MCP (figma-developer-mcp) if you prefer the more popular, battle-tested option, and you want a verified, documented setup.

Pick Shadcn UI v4 MCP Server if you need the broadest set of tools.

Add Figma Context MCP (figma-developer-mcp)

Install / run

npx -y figma-developer-mcp --stdio

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

{
  "mcpServers": {
    "figma-context-mcp-figma-developer-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp",
        "--stdio"
      ],
      "env": {
        "FIGMA_API_KEY": "<your-figma-api-token>"
      }
    }
  }
}

Add Shadcn UI v4 MCP Server

Install / run

npx @jpisnice/shadcn-ui-mcp-server

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

{
  "mcpServers": {
    "shadcn-ui-v4-mcp-server": {
      "command": "npx",
      "args": [
        "@jpisnice/shadcn-ui-mcp-server",
        "--github-api-key",
        "ghp_your_token_here"
      ]
    }
  }
}

FAQ

Figma Context MCP (figma-developer-mcp) or Shadcn UI v4 MCP Server — which is better?

Pick Figma Context MCP (figma-developer-mcp) if you prefer the more popular, battle-tested option, and you want a verified, documented setup. Pick Shadcn UI v4 MCP Server if you need the broadest set of tools.

Can I use both Figma Context MCP (figma-developer-mcp) and Shadcn UI v4 MCP Server?

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 Figma Context MCP (figma-developer-mcp) and Shadcn UI v4 MCP Server work with Claude, Cursor and Windsurf?

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

View Figma Context MCP (figma-developer-mcp) →View Shadcn UI v4 MCP Server →More comparisons →