# 安装 Figma MCP

- 类型: MCP 工具
- 说明: Figma MCP: list frames in a file and fetch one frame's JSON and image safely. 2 tools.
- 仓库: https://github.com/scalably-io/figma-mcp

## 方式一 · 一键代装（复制提示词让 AI 代劳）

### Claude Code
```
请帮我安装 askskill 上的 "Figma MCP" MCP 服务：
执行：claude mcp add 'io-scalably-figma-mcp' -- npx -y @scalably-io/figma-mcp
```

### Codex
```
请帮我安装 askskill 上的 "Figma MCP" MCP 服务：
在 ~/.codex/config.toml 中添加：
[mcp_servers.io-scalably-figma-mcp]
command = "npx"
args = ["-y","@scalably-io/figma-mcp"]
然后重启 Codex 生效
```

### Cursor
```
请帮我安装 askskill 上的 "Figma MCP" MCP 服务：
在 .cursor/mcp.json 的 "mcpServers" 中添加：
"io-scalably-figma-mcp": { "command": "npx", "args": ["-y","@scalably-io/figma-mcp"] }
然后在 Cursor 设置 > MCP 中启用
```

## 方式二 · 命令行安装（原生命令与配置）

### Claude Code
```bash
claude mcp add --env FIGMA_TOKEN=YOUR_VALUE --env FIGMA_API_BASE_URL=YOUR_VALUE --env FIGMA_REQUEST_TIMEOUT_MS=YOUR_VALUE --env FIGMA_MAX_JSON_BYTES=YOUR_VALUE --env FIGMA_MAX_FRAME_BYTES=YOUR_VALUE --env FIGMA_OUTPUT_ROOT=YOUR_VALUE --env FIGMA_ALLOW_HTTP_FOR_TESTS=YOUR_VALUE --transport stdio io-scalably-figma-mcp -- npx -y @scalably-io/figma-mcp
```
需要环境变量：FIGMA_TOKEN, FIGMA_API_BASE_URL, FIGMA_REQUEST_TIMEOUT_MS, FIGMA_MAX_JSON_BYTES, FIGMA_MAX_FRAME_BYTES, FIGMA_OUTPUT_ROOT, FIGMA_ALLOW_HTTP_FOR_TESTS

### Codex
```bash
codex mcp add --env FIGMA_TOKEN=YOUR_VALUE --env FIGMA_API_BASE_URL=YOUR_VALUE --env FIGMA_REQUEST_TIMEOUT_MS=YOUR_VALUE --env FIGMA_MAX_JSON_BYTES=YOUR_VALUE --env FIGMA_MAX_FRAME_BYTES=YOUR_VALUE --env FIGMA_OUTPUT_ROOT=YOUR_VALUE --env FIGMA_ALLOW_HTTP_FOR_TESTS=YOUR_VALUE io-scalably-figma-mcp -- npx -y @scalably-io/figma-mcp
```
配置文件 ~/.codex/config.toml：
```toml
[mcp_servers.io-scalably-figma-mcp]
command = "npx"
args = ["-y","@scalably-io/figma-mcp"]

[mcp_servers.io-scalably-figma-mcp.env]
FIGMA_TOKEN = "YOUR_VALUE"
FIGMA_API_BASE_URL = "YOUR_VALUE"
FIGMA_REQUEST_TIMEOUT_MS = "YOUR_VALUE"
FIGMA_MAX_JSON_BYTES = "YOUR_VALUE"
FIGMA_MAX_FRAME_BYTES = "YOUR_VALUE"
FIGMA_OUTPUT_ROOT = "YOUR_VALUE"
FIGMA_ALLOW_HTTP_FOR_TESTS = "YOUR_VALUE"
```
需要环境变量：FIGMA_TOKEN, FIGMA_API_BASE_URL, FIGMA_REQUEST_TIMEOUT_MS, FIGMA_MAX_JSON_BYTES, FIGMA_MAX_FRAME_BYTES, FIGMA_OUTPUT_ROOT, FIGMA_ALLOW_HTTP_FOR_TESTS

### Cursor
配置文件 .cursor/mcp.json：
```json
{
  "mcpServers": {
    "io-scalably-figma-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@scalably-io/figma-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "YOUR_VALUE",
        "FIGMA_API_BASE_URL": "YOUR_VALUE",
        "FIGMA_REQUEST_TIMEOUT_MS": "YOUR_VALUE",
        "FIGMA_MAX_JSON_BYTES": "YOUR_VALUE",
        "FIGMA_MAX_FRAME_BYTES": "YOUR_VALUE",
        "FIGMA_OUTPUT_ROOT": "YOUR_VALUE",
        "FIGMA_ALLOW_HTTP_FOR_TESTS": "YOUR_VALUE"
      }
    }
  }
}
```
一键安装：cursor://anysphere.cursor-deeplink/mcp/install?name=io-scalably-figma-mcp&config=eyJjb21tYW5kIjoibnB4IiwiYXJncyI6WyIteSIsIkBzY2FsYWJseS1pby9maWdtYS1tY3AiXSwiZW52Ijp7IkZJR01BX1RPS0VOIjoiWU9VUl9WQUxVRSIsIkZJR01BX0FQSV9CQVNFX1VSTCI6IllPVVJfVkFMVUUiLCJGSUdNQV9SRVFVRVNUX1RJTUVPVVRfTVMiOiJZT1VSX1ZBTFVFIiwiRklHTUFfTUFYX0pTT05fQllURVMiOiJZT1VSX1ZBTFVFIiwiRklHTUFfTUFYX0ZSQU1FX0JZVEVTIjoiWU9VUl9WQUxVRSIsIkZJR01BX09VVFBVVF9ST09UIjoiWU9VUl9WQUxVRSIsIkZJR01BX0FMTE9XX0hUVFBfRk9SX1RFU1RTIjoiWU9VUl9WQUxVRSJ9fQ
需要环境变量：FIGMA_TOKEN, FIGMA_API_BASE_URL, FIGMA_REQUEST_TIMEOUT_MS, FIGMA_MAX_JSON_BYTES, FIGMA_MAX_FRAME_BYTES, FIGMA_OUTPUT_ROOT, FIGMA_ALLOW_HTTP_FOR_TESTS