Record · figma-contexMCP serverOpen sourceVerified Sep 23, 2026

Framelink MCP for Figma

Give coding agents simplified Figma layout and styling data so they can implement designs accurately.

Visit Framelink MCP for Figma →View source

Sources and review

Checked against public documentation on September 23, 2026. Suitability guidance is our editorial judgment; this is not a performance benchmark or an endorsement.

Best for

Turning Figma frames into front-end code in Cursor or another AI editor.

Avoid if

You can't use a Figma personal access token; the server calls the Figma API with one.

About Framelink MCP for Figma

Framelink MCP for Figma (the figma-developer-mcp package) fetches a Figma file, frame or group through the Figma API and trims the response to the layout and styling information a model needs; the author reports this one-shots designs more accurately than pasting screenshots. It was built with Cursor in mind and works with other MCP clients.

Framelink MCP for Figma is an open-source project written primarily in TypeScript, with 16k stars on GitHub. It was last updated in September 2026.

Add Framelink MCP for Figma to your MCP client

Generated from the launch command in the project's README. Your client starts the server on demand. Replace <your-figma-api-key> with your own value first.

Claude CodeRun in your terminal

claude mcp add figma-context-mcp -- npx -y figma-developer-mcp '--figma-api-key=<your-figma-api-key>' --stdio

Cursor~/.cursor/mcp.json or .cursor/mcp.json

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

VS Code.vscode/mcp.json

{
  "servers": {
    "figma-context-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "figma-developer-mcp", "--figma-api-key=<your-figma-api-key>", "--stdio"]
    }
  }
}

Claude Desktopclaude_desktop_config.json

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

Codex~/.codex/config.toml

[mcp_servers.figma-context-mcp]
command = "npx"
args = ["-y", "figma-developer-mcp", "--figma-api-key=<your-figma-api-key>", "--stdio"]

Check the project's README for required accounts, keys and permissions before connecting. Setup guide for each client →

For agent buildersMake your product part of the discovery.Explore advertising

Framelink MCP for Figma vs. the alternatives

All 163 alternatives →

Record	Stars	Language	License	Pricing
Framelink MCP for FigmaMCP serverthis listing	16k	TypeScript	MIT	Open source
MCP Reference ServersMCP server	91k	TypeScript	MIT AND Apache-2.0	Open source
context7MCP server	62k	TypeScript	MIT	Open source
chrome-devtools-mcpMCP server	53k	TypeScript	Apache-2.0	Open source
Playwright MCPMCP server	37k	TypeScript	Apache-2.0	Open source
github-mcp-serverMCP server	33k	Go	MIT	Open source

See all 163 Framelink MCP for Figma alternatives, compared →