SuperAPI AI 工具集

figma-to-swiftui

设计与创作

查看项目

更新于 10-16 05:05

技能介绍

用途:根据 Figma 设计交付原生 SwiftUI 界面,并使其契合现有 App。生成的网页代码仅作为设计证据,不作为移植代码;需保留项目架构、组件 API 及请求范围之外的行为。

主要能力:先确定范围——依据用户请求与 brief 明确目标屏幕、操作、状态与支持设备,brief 定义行为与范围,Figma 定义该范围内的视觉;需要与设计核对时读取 source-document.md。可实现屏幕或组件、更新现有 UI(用 adaptation-workflow.md 在保留行为的前提下消除视觉差异)、以及只产出计划、令牌映射或资源导出而不自动实现界面。

使用方式:按当前 schema 使用可用的 Figma 工具,不假设各服务暴露相同工具或参数。对 /design/ 或旧版 /file/ 链接提取 file key,并把 node-id=3166-70147 规范化为 3166:70147;原型或画板链接尽量解析底层设计框架,否则请求设计链接。清晰屏幕/组件获取设计上下文与视觉参考;根、页面或模糊流程先用元数据定位相关框架(见 screen-discovery.md);超大或截断上下文拆分为有意义的子节点(见 fetch-strategy.md)。同时检查现有组件、令牌、资源、部署目标与依赖,可用时读取 Code Connect 映射并验证其 SwiftUI 组件是否匹配所需变体。Figma 访问失败时用 figma-mcp-setup.md,继续基于已有证据工作并标明受阻部分,不臆造缺失设计细节。

设计保真:使用精确设计值并考虑原生渲染差异;优先使用表达相同意图的项目令牌与组件,不静默替换或全局改动共享令牌。作者图标、标志与插画使用真实 Figma 资源,未经指示不用 SF Symbols、文字或近似绘制替代。系统界面元素(键盘、状态栏、Home 指示器)交由 iOS 渲染,保留原生导航、控件语义、安全区与无障碍。按需加载参考文档:资源处理 asset-handling.md、令牌映射 design-token-mapping.md、布局转换 layout-translation.md、响应式 responsive-layout.md、组件变体 component-variants.md、视觉保真 visual-fidelity.md。

完成与限制:实现需覆盖指定的加载、错误、空与禁用状态,并做与工作量相称的验证(代码改动可构建,视觉改动可用预览或模拟器渲染对比),对比时使用相同屏幕状态、外观与设备尺寸。仅在用户请求或已有授权时注册或更新 Code Connect 映射。资料未提供具体收费、价格、平台支持范围与效果数据。