MCP生态一发不可收拾,通过MCP服务器把Figma设计稿传到Cursor等AI编程工具。

在软件开发过程中,设计和开发的合作是非常密切的。


现在很多人都在用cursor写代码,但还是任凭cursor漫无边际的发挥想象。


你有没有想过,设计在Figma做的漂亮的 UI稿子,直接就能用cursor自动生成对应的代码。


今天给大家推荐一个开源项目,Figma-Context-MCP,把Figma设计稿直接传递给AI编码工具。


当然,这里说的AI编码工具可不止有cursor。


你要知道,它的名称里可是有MCP这三个字母的。


扫码加入AI交流群

获得更多技术支持和交流

(请注明自己的职业)


项目简介


Figma-Context-MCP是一个MCP服务器,它能让Cursor、Windsurf、Cline等AI编码工具访问Figma文件,从而更精准地实现设计到代码的转换。通过简化和转换Figma API的响应,它只向模型提供最相关的布局和样式信息,减少上下文量,提高AI的准确性和响应的相关性。


DEMO




工作原理


Figma-Context-MCP 服务器通过 Figma API 获取设计文件中的布局和样式信息,并对这些数据进行简化和翻译,确保只传递给 AI 工具最相关的数据。


这种简化过程能够减少“噪音”,让 AI 更容易理解设计意图,从而生成更精确的代码。


例如当你在 Cursor 中粘贴一个 Figma 文件的链接时,服务器会自动提取相关元数据,并以 AI 能够处理的格式传递给工具。


整个过程依赖于MCP。


MCP大家都知道,它可以让 AI 模型更高效地连接到各种数据源和工具。


项目链接


https://github.com/GLips/Figma-Context-MCP



 关注「开源AI项目落地」公众号

(文:开源AI项目落地)

欢迎分享

发表评论