Figma MCP(Model Context Protocol)是基于Anthropic开放标准协议的Figma服务,通过它,Cursor等AI编程工具能直接读取Figma的组件、布局和样式数据,精准将设计稿转化为高质量前端代码,无需截图即可实现“设计到代码”的无缝转化。
官方文档 developers.figma.com/docs/figma-…
- 安装 figma 插件
打开 cursor settings > Plugins(cursor上个月才推出的新功能,需更新到新版,version 2.6.* )

在 marketplace 里搜索 并安装

- 配置 mcp 服务
点击 Figma MCP server deep link,会在cursor 打开 MCP配置
该链接点击跳转可能会被juejin拦截,可以复制下面内容直接在浏览器标签页打开:
点击 安装

点击,会跳转figma授权页,需要进行登录
登录完成会进入授权页
点击 同意,安装完全 
点击Plugins的figma插件的,ai助手会介绍figma MCP,以及提供 figma链接可以生成代码

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/234732.html