How to add Figma Context MCP (figma-developer-mcp) to Cursor

Popular community server that feeds Figma layout data to coding agents via a Figma API token. Paste the config into ~/.cursor/mcp.json and restart Cursor.

Last updated June 15, 2026 · 15k★ · stdio · apikey

Cursor config for Figma Context MCP (figma-developer-mcp)

npx -y figma-developer-mcp --stdio

{
  "mcpServers": {
    "figma-context-mcp-figma-developer-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp",
        "--stdio"
      ],
      "env": {
        "FIGMA_API_KEY": "<your-figma-api-token>"
      }
    }
  }
}

Setup steps

1Open Cursor → Settings → MCP → Add new MCP server (or edit ~/.cursor/mcp.json directly).
2Paste the Figma Context MCP (figma-developer-mcp) config below into the "mcpServers" object.
3Fill in placeholder secrets, then save.
4Cursor reloads MCP servers automatically — check Settings → MCP for a green status dot.
5Ask Cursor to use one of Figma Context MCP (figma-developer-mcp)'s tools to confirm it's connected.

Before you start

Node.js (run via `npx`, no global install required).
A Figma personal access token — create one in Figma under Settings → Security → Personal access tokens (read access to file content and dev resources is sufficient).
An MCP-compatible client such as Cursor, Windsurf, VS Code, or Claude Desktop.

What Figma Context MCP (figma-developer-mcp) can do in Cursor

get_figma_data

Fetch a Figma file (or a specific node) and return simplified layout, hierarchy, and style data for the agent.

download_figma_images

Download image and SVG assets (image fills, exportable nodes) from a Figma file to local paths.

Security

Requires a Figma personal access token that can read any file your account can access; scope the token narrowly and never commit it. The server sends file data to wherever your MCP client routes it.

Figma Context MCP (figma-developer-mcp) + Cursor FAQ

Where is the Cursor config file?

Cursor reads MCP servers from ~/.cursor/mcp.json. Paste the Figma Context MCP (figma-developer-mcp) config there under the "mcpServers" key and restart the client.

Is Figma Context MCP (figma-developer-mcp) safe to use with Cursor?

Requires a Figma personal access token that can read any file your account can access; scope the token narrowly and never commit it. The server sends file data to wherever your MCP client routes it.

What tools does this server expose?

Two: get_figma_data (fetch simplified layout/style data for a file or node) and download_figma_images (download image and SVG assets).

How do I get the Figma API key?

Generate a personal access token in Figma under Settings → Security → Personal access tokens, then pass it via --figma-api-key or the FIGMA_API_KEY env var.

Is this the official Figma MCP server?

No. It's a community project by GLips/Framelink (MIT licensed). Figma's own official server is separate and uses OAuth, not a personal access token.

View repo Full Figma Context MCP (figma-developer-mcp) page