实验 Figma MCP + Cursor 联合工作流
开源项目 Figma-Context-MCP 介绍
使用此 Model Context Protocol 服务器授予 Cursor 对 Figma 文件的访问权限。
当 Cursor 可以访问 Figma 设计数据时，它比粘贴屏幕截图等其他方法更能准确地进行代码转化。
开源仓库： GLips/Figma-Context-MCP
具体配置方式可直接参考仓库中详细介绍
Cline 和 Root Code 配置 MCP Server
{
"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 设计稿无关，如果有成功的经验，会在这里进行分享！