用途:把 Figma 设计稿落地为 SwiftUI 视图,借助 Figma MCP 工具获取设计上下文,并按检查清单推进工作流。
主要能力:使用 figma:get_design_context 获取生成代码所需的设计数据(clientLanguages 设为 swift,clientFrameworks 设为 swiftui);用 figma:get_screenshot 获得实现时的视觉参考;用 figma:get_variable_defs 将颜色、字体、间距变量映射到 SwiftUI;结构复杂时用 figma:get_metadata 获取子节点列表,辅助组件拆分。
使用方式:按六步执行——收集设计信息、检查现有代码库、规划组件结构、与用户确认方案、带预览实现、与设计比对验证。实现前先查看可复用 View、Color/Font 扩展、图片资源与命名规范;拆分组件适用于重复元素、独立区块、超过约 50 行或自带状态的视图,不拆分适用于一次性、少于 10 行或与父视图紧耦合的元素。
实现要求:每个 View 添加 #Preview,多状态可写多个预览;严格使用 Figma 数值,不四舍五入或近似;将变量定义映射到已有 Color/Font 扩展;避免遗留警告。
适用场景与限制:适合有 Figma 设计稿且使用 SwiftUI 的 iOS 开发任务。方案不明确时(命名、文件位置、组件复用、设计解读、状态管理)需先向用户确认,必要时用 AskUserQuestion。需排除状态栏、Home 指示器等系统 UI。资料未提供收费、价格、安装命令等细节,暂未提供。