MCP Directory

figma-use 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-use

Control Figma from the terminal or as an MCP server — full read/write: create shapes, text, components, render JSX, export images.

Unverified
HTTP (remote)
No auth
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
CategoryDesign & MediaDesign & Media
LanguageTypeScriptTypeScript
TransportHTTP (remote)stdio (local)
AuthNoneAPI key
GitHub stars5712.8k
Last commit2 months ago1 month ago
Verified
Actively maintained
Installnpm install -g figma-usenpx @jpisnice/shadcn-ui-mcp-server
RepoOpen Open

Verdict

Pick figma-use if you want a hosted/remote server with nothing to install, and you want zero-setup with no API key.

Pick Shadcn UI v4 MCP Server if you prefer the more popular, battle-tested option, and you want a local (stdio) server that keeps data on your machine.

Add figma-use

Install / run
npm install -g figma-use

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

{
  "mcpServers": {
    "figma-use": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "http://localhost:38451/mcp"
      ]
    }
  }
}

Claude Desktop connects to remote servers through the `mcp-remote` proxy (installed on first run via npx). Restart Claude Desktop after saving.

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-use or Shadcn UI v4 MCP Server — which is better?

Pick figma-use if you want a hosted/remote server with nothing to install, and you want zero-setup with no API key. Pick Shadcn UI v4 MCP Server if you prefer the more popular, battle-tested option, and you want a local (stdio) server that keeps data on your machine.

Can I use both figma-use 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-use 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.