团队已有按钮、开关、字体和颜色规范，AI 生成的新页面却只是"看起来差不多"，这就是设计交接时最难解释的一类问题。颜色接近品牌蓝，未必绑定了团队变量；一个开关画得像组件，也可能只是几层普通图形。下一次改规范，页面便跟不上。
以 Pixso AI 这种在画布内按团队设计规范生成 UI 的工具为例，下面用"消息通知设置页"做方法示例：页面包含邮件通知、站内消息和免打扰时段，这篇重点放在 AI 生成后怎样确认规范真的落到了画布对象上。
一、先确认 AI 能看到哪套规范
在开始让 AI 生成前，先列出这个页面需要的资产：顶部导航、分组标题、开关、时段选择器、保存按钮，以及文字和间距规则。如果团队库只有营销落地页卡片，没有设置页控件，强行选择它并不能解决组件匹配问题。设计师需要先判断哪些可以复用，哪些暂时只能新增。
Pixso AI 的对话框下方，设计系统菜单区分通用设计系统和自定义设计系统。通用设计系统就是Shadcn UI、Material UI、AntDesign、AcroDesign、TDesign、Apple Design、HarmonyOS 这些。如果团队要沿用自己的库，前提是资源库已经发布，并开启**"允许 AI 使用"**。打开设计文件中的 AI 面板后，选择"自定义设计系统"及对应库文件。找不到库时，先核对发布状态、使用权限和当前团队，不急着重建一份同名资源。
还有一种容易混淆的情况：从社区复制了一个 UI Kit 到工作台，并不等于它已经成为 AI 可选的团队资源库。复制文件、整理组件、发布资源库、允许 AI 使用，是不同动作。项目使用哪一个版本，也最好在任务记录里写清楚。
二、给 Pixso AI 的输入要写页面内容和状态
选好资源库后，提示词不必反复强调"高级感"，消息设置页更需要说明哪些控件对应哪些规则。例如可以这样写：
使用当前选中的团队设计系统，设计桌面端消息通知设置页。分为邮件通知、站内消息、免打扰时段三组；每组包含标题、说明和对应控件。开关、按钮、文字样式优先使用库中已有资源。保存按钮提供默认、不可用和保存中状态。库里没有的时段选择器单独标记，不要用外形相近的普通输入框冒充已有组件。
这段输入给出了页面结构、组件来源、状态和缺口处理方式。若业务规则尚未定，比如"免打扰期间是否仍发送安全提醒"，就放在待确认项，不让 AI 根据常见产品自行决定。生成首屏后，先看信息层级是否合理，再处理单个区域的修改。
调整时可以选中开关区域，明确"只修改三组控件的左右对齐和说明文字换行，保留导航、颜色变量与保存按钮"。需要指定资源时，用 @ 引用相关组件或变量。这样修改范围清楚，复核时也知道该看哪几处。
三、从画布对象判断是否真正沿用了规范
AI 生成 UI 界面后，一眼看上去很统一，但仍然要逐个检查。先选中保存按钮和开关：它们是不是库里的组件实例，能不能追溯到主组件？如果只是由矩形和文字拼出来，后续改按钮高度或开关状态时就得单独处理。
接着再看变量，主色、文字颜色、圆角和间距是否引用了团队资源，还是输入了一个碰巧相近的数值？两者在截图里看不出区别，维护成本却不同。组件状态也要对上业务：邮件通知关闭时，相关设置是隐藏、禁用还是仍可编辑；保存中是否会重复提交。这些规则若不在需求材料中，就先写成评审问题，不直接宣称页面已经完整。
最后换内容压一次布局：把"安全与账户异常通知"改成长标题，说明文案增加两行，再检查窄屏下开关是否挤到文字上。自动布局能帮助页面跟随内容变化，但仍需人工查看实际换行和对齐。新增的时段选择器如果可复用，应由库维护者确认命名、状态和版本后再发布，不要把一次生成的对象直接放进团队库。
总结
当这份设计稿要交给开发或下一位设计师前，记得保留四样东西：使用的资源库名称和版本、页面任务说明、需要核对的组件及变量、未确定的业务状态。Pixso 的画布评论可以定位在具体对象上，研发查看图层属性、标注和资源时，也能知道哪块还没定。