实验 Figma MCP + Cursor 联合工作流

roamingcode2025-02-23 14:08

开源项目 Figma-Context-MCP 介绍

使用此 Model Context Protocol 服务器授予 Cursor 对 Figma 文件的访问权限。

当 Cursor 可以访问 Figma 设计数据时，它比粘贴屏幕截图等其他方法更能准确地进行代码转化。

开源仓库： GLips/Figma-Context-MCP

具体配置方式可直接参考仓库中详细介绍

Cline 和 Root Code 配置 MCP Server

json 复制代码

{
  "mcpServers": {
    "github.com/GLips/Figma-Context-MCP": {
      "command": "pnpm",
      "args": [
        "dev"
      ],
      "env": {
        "FIGMA_API_KEY": "xxx"
      },
      "disabled": false,
      "autoApprove": []
    }
  }
}

基于上述配置均无法正确建立连接，暂未解决，报错如下：

如果有解决的大佬，望请告知！

Cursor 配置 MCP Server

连接成功，但在 Composer 中使用时，均答非所问

使用方式如下：

复制链接
Composer 使用

生成内容几乎与 Figma 设计稿无关，如果有成功的经验，会在这里进行分享！