A side-by-side look at the Figma Context MCP and Figma MCP MCP servers: transport, auth, tools, quality signals, and the config to install either one in Claude, Cursor, Windsurf or VS Code.
Verdict: choose Figma Context MCP for architecture & design work as a local process; choose Figma MCP for architecture & design as a local process. You can also run both side by side in one mcpServers block.
FIGMA_API_KEY.get_figma_design, get_image_fills, render_node_images.FIGMA_TOKEN, FIGMA_API_BASE_URL, FIGMA_REQUEST_TIMEOUT_MS, FIGMA_MAX_JSON_BYTES, FIGMA_MAX_FRAME_BYTES, FIGMA_OUTPUT_ROOT, FIGMA_ALLOW_HTTP_FOR_TESTS.list_frames, fetch_frame.Rows where the two servers differ are marked.
| Spec | ||
|---|---|---|
| Category | Architecture & Design | Architecture & Design |
| Quality signal | 55/100 · Good | 53/100 · Good |
| Install command | Confirmed | Confirmed |
| Transport | Local subprocess (stdio) | Local subprocess (stdio) |
| Auth | Not declared | Not declared |
| Pricing | Not declared | Not declared |
| Required env vars | FIGMA_API_KEY | FIGMA_TOKENFIGMA_API_BASE_URLFIGMA_REQUEST_TIMEOUT_MSFIGMA_MAX_JSON_BYTESFIGMA_MAX_FRAME_BYTESFIGMA_OUTPUT_ROOTFIGMA_ALLOW_HTTP_FOR_TESTS |
| Verified owner | Community listing | Community listing |
| GitHub stars | 6 | 0 |
| Directory activity | 1 views 0 installs 0 upvotes | 1 views 0 installs 0 upvotes |
| Tools | 4 | 2 |
| Full listing | View Figma Context MCP | View Figma MCP |
get_figma_designFetches CSS-aligned, LLM-optimized design data. Supports SVG export to custom dir.get_image_fillsRetrieves image fill URLs from a Figma filerender_node_imagesRenders Figma nodes as PNG imagesread_vector_svgReads vector node data as SVGlist_framesList and optionally filter all top-level FRAME nodes in a Figma file, with exact page/name/node-id data, dimensions, and file metadatafetch_frameFetch one Figma frame and transactionally write frame.png, node.json, and a normalized image-fill map into a directory below the output rootPaste either block (or both) into your client config, e.g. claude_desktop_config.json or ~/.cursor/mcp.json. We only show a config when the install command is confirmed.
{
"mcpServers": {
"figma-context-mcp": {
"command": "npx",
"args": [
"-y",
"@tmegit/figma-to-code-mcp"
],
"env": {
"FIGMA_API_KEY": "YOUR_FIGMA_API_KEY_HERE"
}
}
}
}
{
"mcpServers": {
"figma-mcp-2": {
"command": "npx",
"args": [
"-y",
"@scalably-io/figma-mcp"
],
"env": {
"FIGMA_TOKEN": "YOUR_FIGMA_TOKEN_HERE",
"FIGMA_API_BASE_URL": "YOUR_FIGMA_API_BASE_URL_HERE",
"FIGMA_REQUEST_TIMEOUT_MS": "YOUR_FIGMA_REQUEST_TIMEOUT_MS_HERE",
"FIGMA_MAX_JSON_BYTES": "YOUR_FIGMA_MAX_JSON_BYTES_HERE",
"FIGMA_MAX_FRAME_BYTES": "YOUR_FIGMA_MAX_FRAME_BYTES_HERE",
"FIGMA_OUTPUT_ROOT": "YOUR_FIGMA_OUTPUT_ROOT_HERE",
"FIGMA_ALLOW_HTTP_FOR_TESTS": "YOUR_FIGMA_ALLOW_HTTP_FOR_TESTS_HERE"
}
}
}
}