北京
分享至
我去，大事悄然发生了，Figma 推出官方 MCP 服务
- 采用 SEE 模式免除繁琐配置
- 能比非官方的 MCP 获取更多详细设计稿信息和素材
下面是详细介绍和使用方法
官方的 MCP 会传输下面这些信息：
通过提供组件、变量、样式等元数据，减少 LLM 的搜索和推理负担，提高代码生成的准确性和效率。
用高层次的设计截图补充元数据，帮助 LLM 理解整体结构、页面流转和响应式布局等。
供伪代码或实际代码示例，描述设计中定义的交互行为。
设计中的文本、SVG、图片、图层名、注释等内容也会被提取，帮助 LLM 理解界面数据模型和填充逻辑。
如何使用：
1. 更新 Figma 客户端到最新版
2. 在左上角，打开 Figma 菜单，Preferences-Enable Dev Mode MCP Server
3. 固定的 MCP 地址是 http://127.0.0.1:3845/sse
4. 正常在 Cursor 或者 Chatwise 中设置 MCP
5. 直接在 Figma 中选择一个页面或者复制画板链接给软件让他实现
特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
