使用指南

AI 调用自定义设计系统

哪些设计规范可以给AI使用?

将已发布的资源库勾选【允许AI使用】,才能在AI中选中并使用。

设置入口一

团队落地页-资源tab(需要库文件的编辑权限)

设置入口一操作界面

设置入口二

资源库弹窗左下角(需要库文件的编辑权限)

设置入口二操作界面

设置入口三

管理后台-资源库管理(企业版管理员使用)

设置入口三操作界面

AI 调用自定义设计系统流程

1. 选择目标设计系统

打开设计文件中的 AI 面板,在对话框中选择【自定义设计系统】,再选择已经勾选供 AI 使用的库文件。选择完成后,结合提示词即可生成符合该组件库风格的设计稿。

1. 选择目标设计系统操作界面1. 选择目标设计系统操作界面

2. 输入对应的提示词

提示词建议
  • 提示词应尽量贴近所选组件库的风格与语义范围,以提升生成质量
  • 若二者产生冲突,将影响生成效果和组件使用率
  • 若页面中存在组件库未覆盖的模块,AI 会基于语义补充生成,而不是强行套用不匹配的组件
避免
  • 风格冲突:组件库是浅色B端风格,提示词是深色金融
  • 场景冲突:组件库是dashboard,提示词是小程序登录页
  • 结构冲突:组件只有表单,提示词是电商卡片
  • 品牌冲突:提示词有强品牌视觉,组件库无