Figma-Context-MCP

Figma-Context-MCP is a local MCP server: Give your coding agent access to your Figma data. Implement designs in any framework in one-shot. Install it from npm as figma-developer-mcp.

Claude CodeCodexAntigravity

commandprompt

Terminal

claude mcp add figma-context-mcp -e FIGMA_API_KEY=... -- npx -y figma-developer-mcp

Run in your project folder. Add --scope user to use it everywhere.

Add to claude_desktop_config.json or .cursor/mcp.json.

{
  "mcpServers": {
    "figma-context-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp"
      ],
      "env": {
        "FIGMA_API_KEY": "..."
      }
    }
  }
}

Fill in the environment variables with your own credentials.

• Runtime: Node.js 18+ (runs with npx).
• MCP client: Claude Code, Codex, Antigravity, Claude Desktop, Cursor or any other client that speaks MCP over stdio.
• Environment variables: FIGMA_API_KEY