快速设计原型
在 Calicat 中,你可以通过使用组件、组件库、自动布局功能快速的将想法转化成原型。
使用组件库
在设计文件中,点击左侧边栏「组件库」,打开组件库。或者使用快捷键 Shift + i 打开组件库。
系统预置了官方原型组件,你也可以查看浏览当前文件中创建的组件,找到想要使用的组件后,拖拽到画布即可创建一个新的子组件。
创建组件
你可以将一组图形创建为母组件⌘ + ⌥ + K 或 ctrl + alt + K,然后通过复制粘贴或克隆⌘/ctrl + D的方式创建子组件。将子组件应用到各个页面设计中。
创建组件后你也可以从组件库中找到本地文件创建的组件,拖拽到画布中创建子组件。
当你修改母组件的样式时,所有关联的子组件都将得到同步的修改,免去了反复查找修改的烦恼。

使用空间组件库
空间成员可以将设计好的组件发布到空间组件库。空间内其他文件即可在组件库管理中打开使用空间组件库。
空间组件库支持修改后更新发布,使用者应用采纳更新后,文件中相应的组件将自动更新到最新样式。

使用自动布局
自动布局可以让图形或组件元素按照排版规则自动完成布局,大大节省了排版操作的时间。
要使用自动布局:
- 先在画布中框选一组要加入自动布局的元素
- 右键创建自动布局,或使用快捷键 Shift + A

- 元素将放入一个拥有自动排版布局规则的画框内,你可以在右侧的属性面板中修改布局元素的间距、边距、对齐方式等布局规则。
- 你可以通过拖拽调整自动布局画框内元素的顺序,或者向自动布局画框内添加或移除元素。

配合组件、组件库、自动布局,你可以将组件快速搭建成易于修改调整的原型设计.