工作方法
Figma Generate Library 是一个多阶段的设计系统工作流,而非一次性界面生成器。它会比较代码、现有 Figma 文件和已订阅的组件库,然后在写入之前锁定明确的令牌和组件范围。变量和样式先于组件创建,以便将视觉属性绑定到一致的基础体系。
该来源特别重视长时间运行任务的状态:已创建的 ID、确定性命名和保存的台账有助于在恢复工作时避免重复创建节点。组件工作包括变体布局、文本和布尔属性、图标替换以及文档。人工检查点是工作流的一部分,尤其是在代码与 Figma 不一致时;该技能不会擅自决定应以哪个系统为准。
预期交付物
- Figma 变量集合、语义别名以及文本或效果样式
- 具有可控变体集并配有文档的可复用组件
- 状态台账,以及最终的绑定、命名和视觉审查
从需求简述到审查
- 01发现并锁定范围
清点代码和 Figma 资产、搜索组件库,并在创建之前就首批令牌和组件的确切集合达成一致。
- 02创建基础体系
构建原始变量和语义变量、模式、作用域及代码语法,然后创建排版和效果。获得基础体系审批后,创建页面结构和基础体系文档,并在开始构建组件之前另行获得审批。
- 03逐步构建组件
每次创建一个组件,并添加变量绑定、属性和文档。验证其结构和外观,展示截图并获得审批,然后再开始创建下一个组件。
- 04协调与审计
审查命名、未解决的绑定以及可选的 Code Connect 映射;使用已记录的 ID,而不是猜测或进行大范围清理。