Record · figma-contexMCP serverCosts not checkedRecord checked 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 repository

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 listed in this index written primarily in TypeScript, with 16k stars on GitHub. Its latest recorded repository push was in October 2026; that is not an ASE editorial review date.

Before connecting: access and data

This record's specific permissions have not been reviewed by ASE. Read the publisher's documentation before copying setup or connecting.

List the accounts, files and services the enabled tools can read, change or execute. Check your actual credentials and discovered tools.
Use narrowly scoped credentials and read-only mode where supported. Review proposed writes before approving them; a generated configuration does not apply these limits for you.
Local launch is not local-only data processing. External services receive requests, and your client may pass tool results to its model provider. Check both destinations before sharing private data.
Keep keys and browser session files out of shared config, repositories and screenshots. Know how to disconnect the server and separately revoke its credentials or account sessions.

Read the setup guide →

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