Skip to Content
原型设计基础图形

基础图层

在设计模式中,你可以切换顶部工具栏的工具,并在画布上拖动以创建相应的图层。

设计模式工具栏

工具栏

移动工具 V

移动工具是默认的工具,它的功能包括:

  • 单击以选择画布上的图层或图层组
  • 双击图层组以进入组内,然后可以单击选择组内元素
  • ⌘ + 鼠标点击,可以直接选择某个组内的子元素
  • 直接拖动以改变元素位置
  • 从空白位置拖动可以框选多个元素
  • 按住拖动可以直接选择多个子元素

画框工具 F

选择画框工具后,你可以在画布上用鼠标拖动来绘制一个画框。画框可以被视为画布上的一个容器,用于承载各种图层元素。容器的最大特点是可以开启或关闭「裁剪超出内容」。

  • 开启「裁剪超出内容」后,属于画框内的元素,超出画框尺寸范围的部分将被隐藏。
  • 画框具有矩形的所有特性
  • 画框通常可以作为「页面」的概念,你可以在画框属性设置中快速设置一个设备尺寸(移动端、PC 端或 PPT 尺寸)

矩形工具 R

选择矩形工具,你可以在画布上拖动来创建一个矩形。按住Shift键拖动可以绘制一个正方形。

椭圆工具 O

选择椭圆工具,你可以在画布上拖动来创建一个椭圆。按住Shift键拖动可以绘制一个圆形。

直线工具 L

选择直线工具,你可以在画布上拖动来创建一条直线。按住Shift键拖动可以绘制水平或垂直的直线。

你可以通过属性设置将直线设计成虚线或箭头。

文本工具 T

选择文本工具,你可以在画布上点击或拖动来创建一个文本图层。

拖动画布工具 H

使用拖动工具,你可以通过鼠标拖拽来浏览画布。

或者,你也可以在移动工具的状态下,按住空格键来临时开启拖动工具。

打开组件库 Shift + i

打开组件库弹窗,以浏览、管理、更新组件库。

AI 设计

详见AI 设计

插入 Figma

你可以在 Figma 中复制图层作为链接,然后在 Calicat 中选择插入 Figma,输入你复制的 Figma 图层链接,这样就可以在 Calicat 中插入 Figma 图层了。

要插入 Figma 图层,Calicat 需要得到你的 Figma 账号的授权。如果你想取消授权,可以在账号设置 > 安全设置中进行操作。