1. Home
  2. Framelink MCP for Figma
  3. Framelink MCP for Figma for Claude Code: Setup & Config

Data as of

Framelink MCP for Figma for Claude Code: Setup & Config

Framelink supplies Claude Code with selected Figma metadata and image assets.

Framelink MCP for Figma Claude Code configuration

  1. Choose Claude Code configuration scope

    For Framelink MCP for Figma, open Project scope: .mcp.json at the repository root. Project JSON: merge into mcpServers; user scope: use the CLI.

  2. Add Framelink MCP for Figma to Claude Code

    Use the Figma-Context-MCP entry below in mcpServers. Keep Framelink MCP for Figma's documented stdio connection fields and your other Claude Code entries.

  3. Check Framelink MCP for Figma in Claude Code

    Framelink MCP for Figma: Inspect claude mcp list and /mcp status.

Config file · Project scope: .mcp.json at the repository root

JSON
{
  "mcpServers": {
    "Figma-Context-MCP": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp",
        "--figma-api-key=YOUR-KEY",
        "--stdio"
      ],
      "env": {}
    }
  }
}

CLI (POSIX shell)
claude mcp add-json --scope project 'Figma-Context-MCP' '{"type":"stdio","command":"npx","args":["-y","figma-developer-mcp","--figma-api-key=YOUR-KEY","--stdio"],"env":{}}'

Framelink MCP for Figma in Claude Code: stdio checks

  • If Framelink MCP for Figma fails to start, check npx figma-developer-mcp (Node.js/npm), the working directory, and Claude Code's selected scope; inspect claude mcp list and /mcp.
  • Framelink MCP for Figma uses stdio here: Claude Code must keep the configured process running; protocol output belongs on stdout and diagnostics on stderr.
Tools
download_figma_images, get_figma_data

Framelink MCP for Figma — details. Claude Code guide

Frequently asked questions

Register Framelink MCP for Figma with the displayed claude mcp add-json --scope project command, or merge the JSON into .mcp.json at the repository root.

Claude Code's Figma-Context-MCP example uses stdio.

Framelink MCP for Figma's Claude Code configuration invokes npx figma-developer-mcp (Node.js/npm).

Framelink MCP for Figma's stored list contains 2 tools, including download_figma_images, get_figma_data. Compare those names with Claude Code's connected tool list; the stored list is not a live check.