← Back to browse

Figma-Context-MCP

Indexed by io.github.GLips

About

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

Use this server

Add it to your MCP client. The catalogue lists this config verbatim from its source — it does not run, download, or vouch for the server. Review the command before you run it.

Transportstdio (runs a local command)
Env varsFIGMA_API_KEY
Claude Code
claude mcp add --env FIGMA_API_KEY= figma-context-mcp -- npx figma-developer-mcp
Cursor

Add to Cursor

If the button doesn't open Cursor, use the JSON below — Cursor accepts the same mcpServers config.

VS Code
code --add-mcp '{"name":"figma-context-mcp","command":"npx","args":["figma-developer-mcp"],"env":{"FIGMA_API_KEY":""}}'
JSON
{
  "mcpServers": {
    "figma-context-mcp": {
      "command": "npx",
      "args": [
        "figma-developer-mcp"
      ],
      "env": {
        "FIGMA_API_KEY": ""
      }
    }
  }
}

Environment variables are listed by name only — fill in your own values. Entries never carry secrets.