Figma-Context-MCP

GLips/Figma-Context-MCP

为 AI 编码代理提供 Figma 布局信息的 MCP 服务器

MCP server to provide Figma layout information to AI coding agents like Cursor

aicursorfigmamcptypescript

配置方法

本地运行（npm）

Claude Code

claude mcp add --env FIGMA_API_KEY=<你的密钥> figma-context -- npx -y figma-developer-mcp

Cursor、Cline 等使用的 JSON 配置

{
  "mcpServers": {
    "figma-context": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp"
      ],
      "env": {
        "FIGMA_API_KEY": "<你的密钥>"
      }
    }
  }
}

命令依据官方 MCP Registry 登记的信息生成，尖括号里的值需要替换。服务器名称可以自定义。

交给智能体配置

请帮我在 Claude Code 里配置这个 MCP Server：https://github.com/GLips/Figma-Context-MCP

1. 先阅读它的 README，告诉我它提供哪些工具、需要什么依赖和密钥、会访问哪些数据；
2. 等我确认后，用 claude mcp add 添加（默认 local 作用域，密钥用环境变量，不要写进项目文件）；
3. 添加后运行 claude mcp list 确认已连接，并用一个简单任务演示它能用。

MCP Server 能以你的身份访问外部系统。只接入可信来源，密钥放在环境变量里，详见「MCP」一课。

README

在 GitHub 查看