1DesignTool 里的每个设计都走同一个五步循环。理解一次这个循环,文档 其余每一页都变得可以预测——steering、variants、导出和 Build mode 都是同一个 run,只是换了个角度看。
1. Brief
你在 composer 里写下想要的东西——每个项目底部的输入框,或者主 屏幕上用来新建项目的那个输入框。brief 连同模板、设计系统规则,以及 你附加的任何 pin、评论或文件一起交给你的 agent。编辑器里的 agent 芯片显示这次 run 会用哪个 CLI 和模型。
2. 构建
应用在项目文件夹内把你的 agent 作为无头子进程拉起,交给它 brief
加上 design kit——复制进每个项目的明文规则手册(.claude/skills/
等),告诉 agent 这里什么叫"好":对比度下限、字号阶梯、点击目标尺寸、
标记结构。agent 写出真实文件;预览监视文件夹,每落一个文件就重绘。
3. 门禁
这一轮结束时,门禁按 kit 检查结果:文本对比度、最小字号、控件目标、 手机和平板宽度下的失效导航。PASS 表示结果归你保留;FAIL 会列出 具体哪条规则挂了、在哪个位置,你可以把这些发现作为一行修复 brief 发回给 agent。见 design-kit 门禁。
4. Steering
这是你把草稿塑形成设计的地方:⌥-click 某个元素把评论 pin 到它 上面,打开 Tweaks 使用 agent 暴露的实时控件,或者为更大的方向 改动写一段后续 brief。每次 steer 都是走同一个循环的新一轮——agent 重新构建,门禁重新检查。
5. 交付
结果满意后,Share / export 按模板的导出集打包——ZIP、HTML、 PNG、PDF、MP4。项目文件夹留在你放它的地方,每个版本都可以从历史 中恢复。
Tip: 这个循环重复起来很便宜。同一份 brief 跑三个 variants, 盲测比较它们,再把胜出的提升为正稿——这比一份试图猜到答案的长 brief 更有效。