前言¶
在原生 iOS 开发中，从 Figma 设计稿到运行中的 UI 往往需要多次迭代：编码、布局、跑模拟器、截图比对、调整细节。人工做法容易遗漏细节、难以复现，自动化程度低。下面介绍 figma-ios-build-review 这个 Skill，它面向原生 iOS UIKit 项目，把 Figma 到代码的构建与视觉审查串成一个可重复的工作流。
是什么¶
figma-ios-build-review 是一个面向原生 iOS UIKit 项目的 Figma 到代码构建与视觉审查工作流。它由社区用户 user_104630ff 发布，分类为 dev-programming，当前版本 1.1.0，在 SkillHub 上获得 100000 分（评分），累计下载 792 次。
这个 Skill 的目标是：让智能编码代理读取 Figma 节点或截图，理解目标页面状态，结合项目中已有的 UIKit、SnapKit 或 Auto Layout 规范实现界面，并通过模拟器、Maestro、Lookin MCP 和仓库验证脚本反复对比与修正，直到运行中的 App 尽可能贴近设计稿。
它既适合从零实现新的 Figma 页面，也适合审查和打磨已有 UIKit 页面。
核心功能¶
- Figma 节点或截图解析：读取设计稿信息，理解页面状态。
- UIKit 实现：结合项目已有的 UIKit、SnapKit 或 Auto Layout 规范生成界面代码。
- 多维度对比与修正：通过模拟器、Maestro、Lookin MCP、截图等方式，反复比对设计与实现，逐步调整。
- 关注点覆盖：安全区、间距、字体、颜色、图标、图片、动态文本、真实运行数据和导航路径。
- 工作流原则：优先使用真实运行状态和项目已有架构，不为了还原 Figma 而添加假的生产路由、假的服务或硬编码样例数据；本地 Harness 仅用于 Debug、测试或临时视觉验证；最终交付需记录 Figma 来源、模拟器尺寸、导航方式、Lookin 或截图证据、验证命令和残余风险。
安装与启用¶
官方未提供安装命令。SkillHub 页面显示：requires_api_key=false。当前安装数为 0。在 Cursor / Codex CLI / Claude Code 中使用时，请以官方提供的安装步骤为准（如果提供）。若无具体命令，可参考 SkillHub 官方说明进行集成。
典型用法¶
官方未提供可复现示例。按其工作流描述，典型用法为：
- 读取目标 Figma 节点或截图，让代理理解页面状态。
- 结合项目已有的 UIKit、SnapKit 或 Auto Layout 规范，生成界面代码。
- 在模拟器中运行，利用 Maestro 进行导航流测试，利用 Lookin MCP 检查层级与截图。
- 反复比对设计与运行结果，调整布局、间距、字体等细节。
- 使用仓库 Harness 验证，记录验证命令与残余风险，完成交付。
适用场景与注意¶
适合场景：
- 从零实现新的 Figma 页面，落地为原生 UIKit 代码。
- 审查和打磨已有 UIKit 页面，通过自动化对比提升一致性。
- 需要系统性记录设计到实现过程（Figma 来源、模拟器尺寸、导航方式、Lookin 或截图证据、验证命令）。
注意事项：
- 当前安装数为 0，暂无使用反馈。
- 官方未提供安装命令与典型用法示例，使用前请以 SkillHub 官方说明为准。
- 需要项目中有规范的 UIKit、SnapKit 或 Auto Layout 实现，以支持代理生成与修正。
- 本地 Harness 仅用于 Debug、测试或临时视觉验证，最终交付需记录残余风险。
结尾¶
figma-ios-build-review 提供了一个从 Figma 到原生 UIKit 的构建与审查闭环，适合追求设计还原度和开发效率的 iOS 工程团队。官方地址：https://www.skillhub.cn/skills/user_104630ff/figma-ios-build-review
