figma-implement-design - 将 Figma 设计稿实现为代码
使用 Figma MCP 工作流将 Figma 节点转换为具备 1:1 视觉还原度的生产就绪代码。
标签
更新于: 2026-09-24能力
典型输入
典型输出
该技能可以做什么
- 提取 Figma 节点 ID
- 获取 Figma 设计上下文
- 获取设计截图
- 下载设计资源
- 将设计转换为代码
- 比对截图验证 UI
输入
- Figma URL 或节点 ID
- Figma 桌面端节点选中状态
- 项目代码规范
输出
- 生产就绪的组件代码
- 已下载的设计资源
- 组件说明文档
要求
- Figma MCP 服务器连接
- Figma OAuth 登录认证
- Figma 桌面端应用程序