官方

免费每月限制使用 6次

cursor 中可以直接开启,然后进行跳转授权

claude code

claude mcp add --transport http figma <https://mcp.figma.com/mcp>

开源 Figma-Context-MCP

Figma 左上角,个人设置——tab 安全项——生成个人访问令牌

步骤 1:全局安装依赖

npm install -g figma-developer-mcp

步骤 2:创建配置文件

在项目根目录创建 .mcp.json 文件(或修改 ~/.claude.json 以实现全局配置),添加以下内容:

下面两种都行

{
  "mcpServers": {
    "figma-developer-mcp": {
      "command": "figma-developer-mcp",
      "args": [
        "--stdio"
      ],
      "env": {
        "FIGMA_API_KEY": "[YOUR_FIGMA_API_KEY]"
      }
    }
  }
}
{
  "mcpServers": {
    "figma-developer-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp",
        "--figma-api-key=[YOUR_FIGMA_API_KEY]",
        "--stdio"
      ]
    }
  }
}
有些地方会用
    npx -y figma-developer-mcp --figma-api-key=[YOUR_FIGMA_API_KEY] --stdio

配置说明