指南

用 AI 做界面时常见问题的回答。开头直接给结论,后面是步骤和实测记录。

怎么在现有项目里比较三个设计方向

在 Claude Code 或 Codex 里安装 Variant Design,然后把任务发给 Agent。它先检查项目的页面结构和设计系统,再在你的项目里生成 A/B/C 三个完整版本,并给出比较页。三版的核心任务、数据和必要功能相同,差别在设计取舍。

怎么撤回 AI 对设计的修改

用 Variant Design 修改方向时,发 undo B 就能恢复 B 上一次的文件和 tokens,A/C 和最终选择不受影响。方案接入项目后,用 rollback 恢复接入前的文件。如果文件在修改后又被人动过,这两个操作都会拒绝执行,不会覆盖你的改动。

怎么让 AI 生成的界面不千篇一律

不要只让 AI 出一版。先写清真实任务和不能变的约束,再让它做几个在取舍上真正不同的方向,比较后由你决定。下面是我们的做法,用 Pulse 案例说明。它来自实际运行记录,但我们没有做过用户对照实验,不能证明它一定更好。

Agent 改了仓库里的设计,用 git 撤回还是用快照撤回

两者配合使用。git 记录仓库历史;Variant Design 的 undo B 按请求撤回 B,rollback 撤回一次接入,发现文件后来又被编辑就拒绝执行。让 Agent 动手前先检查并保存自己的工作;探索时用 undo,确认接入结果后再提交。使用 git restore 前要看清恢复来源和目标,它可能覆盖尚未保存的编辑。

哪里能找到标注了来源和核对日期的设计参考

Variant Design 的设计参考页记录出处、类型、设计者(已知时)、核对日期和手机版测试状态。链接参考不代表我们取得作品授权;作者授权展示的媒体会单独标明授权记录和范围。本站展示许可不等于允许你下载或复用,使用前仍要核对原作条款或另行取得许可。