我去,大事悄然发生了,Figma 推出官方 MCP 服务
- 采用 SEE 模式免除繁琐配置
- 能比非官方的 MCP 获取更多详细设计稿信息和素材
下面是详细介绍和使用方法👇
官方的 MCP 会传输下面这些信息:
通过提供组件、变量、样式等元数据,减少 LLM 的搜索和推理负担,提高代码生成的准确性和效率。
用高层次的设计截图补充元数据,帮助 LLM 理解整体结构、页面流转和响应式布局等。
供伪代码或实际代码示例,描述设计中定义的交互行为。
设计中的文本、SVG、图片、图层名、注释等内容也会被提取,帮助 LLM 理解界面数据模型和填充逻辑。
如何使用:
1. 更新 Figma 客户端到最新版
2. 在左上角,打开 Figma 菜单,Preferences-Enable Dev Mode MCP Server
3. 固定的 MCP 地址是
127.0.0.14. 正常在 Cursor 或者 Chatwise 中设置 MCP
5. 直接在 Figma 中选择一个页面或者复制画板链接给软件让他实现