Skip to Content
快速上手快速设计原型

快速设计原型

在 Calicat 中,你可以通过使用组件、组件库、自动布局功能快速的将想法转化成原型。

使用组件库

在设计文件中,点击左侧边栏「组件库」,打开组件库。或者使用快捷键 Shift + i 打开组件库。

系统预置了官方原型组件,你也可以查看浏览当前文件中创建的组件,找到想要使用的组件后,拖拽到画布即可创建一个新的子组件。

创建组件

你可以将一组图形创建为母组件⌘ + ⌥ + Kctrl + alt + K,然后通过复制粘贴或克隆⌘/ctrl + D的方式创建子组件。将子组件应用到各个页面设计中。 创建组件后你也可以从组件库中找到本地文件创建的组件,拖拽到画布中创建子组件。

当你修改母组件的样式时,所有关联的子组件都将得到同步的修改,免去了反复查找修改的烦恼。

addComponents

使用空间组件库

空间成员可以将设计好的组件发布到空间组件库。空间内其他文件即可在组件库管理中打开使用空间组件库。

空间组件库支持修改后更新发布,使用者应用采纳更新后,文件中相应的组件将自动更新到最新样式。

publishLibrary

使用自动布局

自动布局可以让图形或组件元素按照排版规则自动完成布局,大大节省了排版操作的时间。

要使用自动布局:

  1. 先在画布中框选一组要加入自动布局的元素
  2. 右键创建自动布局,或使用快捷键 Shift + A addComponents
  3. 元素将放入一个拥有自动排版布局规则的画框内,你可以在右侧的属性面板中修改布局元素的间距、边距、对齐方式等布局规则。
  4. 你可以通过拖拽调整自动布局画框内元素的顺序,或者向自动布局画框内添加或移除元素。 addComponents

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