HomeDevelopment › Figma-Context-MCP

Figma-Context-MCP

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

TypeScript Local
★ 15,901 stars Last pushed 2026-09-18 License: MIT

Topics: Developer Tools

Connect

Review any command before running it. Package names and URLs come from the server's own registry entry.

Package (npm 0.13.2)

npx -y [email protected]

Or add to your MCP client config:

{
  "mcpServers": {
    "figma-context-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "[email protected]"
      ],
      "env": {
        "FIGMA_API_KEY": "<YOUR_VALUE>"
      }
    }
  }
}
  • FIGMA_API_KEY required secret — Your Figma Personal Access Token, learn more here: https://www.figma.com/developers/api#access-tokens

This server takes extra arguments — see its repository.

Related servers

Listed in punkpeye/awesome-mcp-servers (MIT)

Data from the Official MCP Registry