MCP Directory

Figma Context MCP (figma-developer-mcp) vs Figma MCP Server (Official Remote)

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
Figma MCP Server (Official Remote)

Official Figma server that brings design context, variables, and components into AI coding tools.

Verified
HTTP (remote)
OAuth
Hosted
CategoryDesign & MediaDesign & Media
LanguageTypeScriptHosted
Transportstdio (local)HTTP (remote)
AuthAPI keyOAuth
GitHub stars15k120
Last commit21 days ago28 days ago
Verified
Actively maintained
Installnpx -y figma-developer-mcp --stdioAdd MCP server URL https://mcp.figma.com/mcp (HTTP) and sign in via Figma OAuth
RepoOpen Open

Verdict

Pick Figma Context MCP (figma-developer-mcp) if you prefer the more popular, battle-tested option, and you want a local (stdio) server that keeps data on your machine.

Pick Figma MCP Server (Official Remote) if you want the official, vendor-maintained server, and you want a hosted/remote server with nothing to install.

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 Figma MCP Server (Official Remote)

Install / run
Add MCP server URL https://mcp.figma.com/mcp (HTTP) and sign in via Figma OAuth

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

{
  "mcpServers": {
    "figma-mcp-server-official-remote": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp.figma.com/mcp"
      ]
    }
  }
}

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

FAQ

Figma Context MCP (figma-developer-mcp) or Figma MCP Server (Official Remote) — which is better?

Pick Figma Context MCP (figma-developer-mcp) if you prefer the more popular, battle-tested option, and you want a local (stdio) server that keeps data on your machine. Pick Figma MCP Server (Official Remote) if you want the official, vendor-maintained server, and you want a hosted/remote server with nothing to install.

Can I use both Figma Context MCP (figma-developer-mcp) and Figma MCP Server (Official Remote)?

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 Figma MCP Server (Official Remote) work with Claude, Cursor and Windsurf?

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