MCP Directory

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

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

 Figma MCP Server (Official Remote)

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

Verified
HTTP (remote)
OAuth
Hosted
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
CategoryDesign & MediaDesign & Media
LanguageHostedTypeScript
TransportHTTP (remote)stdio (local)
AuthOAuthAPI key
GitHub stars12015k
Last commit28 days ago21 days ago
Verified
Actively maintained
InstallAdd MCP server URL https://mcp.figma.com/mcp (HTTP) and sign in via Figma OAuthnpx -y figma-developer-mcp --stdio
RepoOpen Open

Verdict

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.

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.

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.

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>"
      }
    }
  }
}

FAQ

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

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. 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.

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

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

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