Figma MCP · 设计上下文与代码实现

准备事项与使用方法

• Figma 文件访问权限、账户和支持所选远程或桌面连接方式的客户端。

1. 按官方文档选择远程或桌面 MCP 连接方式。
2. 连接后提供获准文件链接或当前设计选区。
3. 按设计上下文实现界面，再对照原稿检查布局与交互。

任务示例

从页面设计理解组件、间距和状态，生成实现后进行视觉复核。

使用边界

• 工具、调用额度和文件权限随账户与客户端变化。
• 上下文不能保证界面自动精准还原；设计资料可能提交给所用客户端和模型。

从任务继续探索