figmcp

Configuration

Set up your MCP client and tune the server.

Claude Code

Setup registers the server for you as figma-local (user scope) when the claude command is installed. Restart Claude Code to load it, then check it with /mcp.

Terminal
npx -y @irshad.io/figma-local-mcp@latest setup

To register it by hand, use the node path and server path that setup prints:

Terminal
claude mcp add figma-local --scope user -- /usr/local/bin/node /Users/you/.figma-local-mcp/app/node_modules/@irshad.io/figma-local-mcp/bin/figma-local-mcp.js

Cursor

Run setup, then add the server to ~/.cursor/mcp.json for every project, or to .cursor/mcp.json in one project. Use the paths from the config setup prints.

~/.cursor/mcp.json
{
  "mcpServers": {
    "figma-local": {
      "command": "/usr/local/bin/node",
      "args": [
        "/Users/you/.figma-local-mcp/app/node_modules/@irshad.io/figma-local-mcp/bin/figma-local-mcp.js"
      ]
    }
  }
}

Open Cursor Settings › MCP and check that figma-local is enabled with a green dot.

Claude Desktop

Run setup, then open Settings › Developer › Edit Config and add the server to ~/Library/Application Support/Claude/claude_desktop_config.json:

claude_desktop_config.json
{
  "mcpServers": {
    "figma-local": {
      "command": "/usr/local/bin/node",
      "args": [
        "/Users/you/.figma-local-mcp/app/node_modules/@irshad.io/figma-local-mcp/bin/figma-local-mcp.js"
      ]
    }
  }
}

Quit Claude Desktop with ⌘Q and reopen it to load the server.

Other MCP clients

Any client that runs stdio MCP servers works. Setup prints a config block in the common mcpServers format. Copy the one it prints: the paths are specific to your machine.

mcp.json
{
  "mcpServers": {
    "figma-local": {
      "command": "/usr/local/bin/node",
      "args": [
        "/Users/you/.figma-local-mcp/app/node_modules/@irshad.io/figma-local-mcp/bin/figma-local-mcp.js"
      ]
    }
  }
}

Setup installs a copy of the server under ~/.figma-local-mcp/app so your client starts it directly, without resolving the package through npx on every start.

Environment variables

Set these in the env of your MCP client config.

VariableDefaultDescription
FIGMA_LOCAL_MCP_DIR~/.figma-local-mcpData folder: plugin, pairing code, snapshots and assets.
FIGMA_LOCAL_MCP_FRAMEWORK—Force flutter or react when the client doesn't say.
FIGMA_LOCAL_MCP_CODE_CONNECT.figma-local/code-connect.jsonPath of the Code Connect mappings file.
FIGMA_LOCAL_MCP_ALLOW_ORIGINS—Comma separated extra origins the server accepts for the plugin.
mcp.json
{
  "mcpServers": {
    "figma-local": {
      "command": "/usr/local/bin/node",
      "args": [
        "/Users/you/.figma-local-mcp/app/node_modules/@irshad.io/figma-local-mcp/bin/figma-local-mcp.js"
      ],
      "env": {
        "FIGMA_LOCAL_MCP_FRAMEWORK": "flutter"
      }
    }
  }
}