实验 Figma MCP + Cursor 联合工作流

开源项目 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 中使用时,均答非所问

使用方式如下:

  1. 复制链接
  2. Composer 使用

    生成内容几乎与 Figma 设计稿无关,如果有成功的经验,会在这里进行分享!
相关推荐
今天也要学习吖4 小时前
Azure TTS Importer:一键导入,将微软TTS语音接入你的阅读软件!
人工智能·学习·microsoft·ai·大模型·aigc·azure
嘀咕博客5 小时前
GitHub Copilot - GitHub 推出的AI编程助手
github·copilot·ai编程·ai工具
潘锦7 小时前
Multi-Agent 系统的主从架构
架构·agent·ai编程
一个处女座的程序猿16 小时前
LLMs之Agent:Windows-MCP的简介、安装和使用方法、案例应用之详细攻略
windows·mcp
xiangzhihong817 小时前
Figma 开源替代品 Penpot 安装与使用
开源·figma
Goboy19 小时前
打地鼠游戏:Trae 轻松实现点击挑战
ai编程·trae
板板正19 小时前
SpringAI——向量存储(vector store)
java·spring boot·ai
Goboy19 小时前
俄罗斯方块:用 Trae 一句话复刻经典
ai编程·trae
程序员Better19 小时前
你开始用扣子空间了吗?让AI为你打工的智能助手,小白也能轻松上手!
aigc·ai编程·mistral.ai
即兴小索奇19 小时前
【无标题】
人工智能·ai·商业·ai商业洞察·即兴小索奇