Figma MCP 服务:无缝集成设计与AI工具

Figma MCP 服务:无缝集成设计与AI工具

基于模型上下文协议(MCP)的服务器,将 Figma 设计文件与 AI 编码工具无缝集成。

快速入门

安装

推荐使用 NPM 全局安装:

npm install -g @yhy2001/figma-mcp-server

启动服务

运行以下命令启动服务(需提供 Figma API 密钥):

figma-mcp --figma-api-key=<your-figma-api-key>

默认端口为 3333,可通过 --port 参数修改。

配置与连接

在支持的 AI 工具(如 Cursor、Windsurf)中配置服务 URL:

{
  "mcpServers": {
    "Figma MCP": {
      "url": "http://localhost:3333/sse",
      "env": {
        "API_KEY": "<your-figma-api-key>"
      }
    }
  }
}

更多详情参考 README 文档。