跳到主要内容

积木库

积木库与传统设计软件中的组件库类似,你可以将页面中的元素保存到积木库中,后续设计时,可以选中作为AI参考

积木库主要分为系统积木库、用户积木库、页面这三个类型

系统积木库

初次使用GemDesign时,还未构建自己的积木库。平台提供了Ant Design、Material UI两套风格的积木

创建自己的积木库

如何去创建自己的积木库,请参考如下操作

  1. 进入编辑模式
  2. 选中目标区块
  3. 保存

注意:在某些特殊场景下,由于界面内容是通过js代码动态生成的,可能无法保存

页面积木库

  • 当前应用中的所有页面也会自动作为积木放置在页面分类下
  • 页面分类仅出现在新页面的第一次生成时的添加积木弹窗

使用积木库

方式一: 参考积木

在设计新页面时,你可以在生成页面前选择积木,然后在描述中要求页面元素参考这些积木

方式二:参考页面

在设计新页面时,你还可以直接选择其他页面作为参考对象,并描述参考要求,然这样你可以实现诸如:

  1. 不同页面之间的风格一致
  2. 不同页面的之间的某些部分保持一致,如:菜单导航栏保持不变

方式三:参考修改

在编辑页面时,你可以选中某些区块,再勾选积木,让AI将目标区块的样式替换成参考积木的样式

方式四: 设为全局参考(仅限无限画布模式)

为了保持不同页面中某些元素风格一致,每次创建新页面时,都要重复选择同一批积木作为参考,会非常繁琐,你可以在将这些元素设置为全局参考,避免重复操作

  1. 单击加号图标打开积木库
  2. 选中目标积木,单击设为参考即可