Figma-Context-MCP

local MCP server

Installation

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.

Claude Desktop, Cursor & other clients

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.

Summary

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

Questions

Figma-Context-MCP is a local MCP server distributed as the npm package figma-developer-mcp.

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

Run: codex mcp add figma-context-mcp --env FIGMA_API_KEY=... -- npx -y figma-developer-mcp

Similar MCP servers

NameStars

Agent-Native Designio.github.BuilderIO/agent-native-design6,874
figma-ui-mcpio.github.TranHoaiHung/figma-ui-mcp256
Remembra Relayio.github.remembra-ai/remembra15
Argentio.github.software-mansion/argent2,917
Figma MCP Servercom.figma.mcp/mcp2,027
ref-tools-ref-tools-mcpai.smithery/ref-tools-ref-tools-mcp1,176
loki-modeio.github.asklokesh/loki-mode1,072
projectmemio.github.riponcm/projectmem844