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 | |
|---|---|---|
| Category | Design & Media | Design & Media |
| Language | TypeScript | Hosted |
| Transport | stdio (local) | HTTP (remote) |
| Auth | API key | OAuth |
| GitHub stars | 15k | 120 |
| Last commit | 21 days ago | 28 days ago |
| Verified | ||
| Actively maintained | ||
| Install | npx -y figma-developer-mcp --stdio | Add MCP server URL https://mcp.figma.com/mcp (HTTP) and sign in via Figma OAuth |
| Repo | Open | 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)
npx -y figma-developer-mcp --stdioPaste 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)
Add MCP server URL https://mcp.figma.com/mcp (HTTP) and sign in via Figma OAuthPaste 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.