工作方式
Figma Generate Design 采用从代码到设计的方向:交付成果是 Figma 内的设计稿,而非应用程序代码。它会先查找现有组件实例、库变量以及文本或效果样式,然后再组装页面。来源文档倾向于复用现有资产,而不是使用硬编码值绘制外观相似的方框。
它采用渐进式组装策略。先创建外层框架,然后在其中逐个构建并检查各区块。对照源代码检查组件的文本属性和默认变体,同时通过区块截图发现文字被裁切和占位内容残留等问题,因为这些问题在缩小的整页视图中可能不易察觉。结果应是可编辑的设计系统实例,而不只是应用程序的截图。
预期交付成果
- 由组件实例构成的新建或更新后的 Figma 设计稿
- 绑定变量的颜色、间距和圆角,以及可复用样式
- 对照来源进行区块级和完整设计稿视觉检查
从任务说明到审查
- 01梳理源界面
阅读其区块、组件和默认属性值。确定目标 Figma 文件以及现有系统规范。
- 02查找并复用资产
检查现有设计稿,并在已关联的库中搜索组件、变量和样式。本地变量结果为空,并不能证明远程令牌不存在。
- 03构建并验证区块
先创建外层框架,再逐个组装区块,并在继续之前检查文本、变体和布局。