欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 房产 > 家装 > 实验 Figma MCP + Cursor 联合工作流

实验 Figma MCP + Cursor 联合工作流

2025/2/24 7:35:24 来源:https://blog.csdn.net/roamingcode/article/details/145798734  浏览:    关键词:实验 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 中使用时,均答非所问
在这里插入图片描述
使用方式如下:

  1. 复制链接在这里插入图片描述
  2. Composer 使用
    在这里插入图片描述
    生成内容几乎与 Figma 设计稿无关,如果有成功的经验,会在这里进行分享!

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词