Skip to content

缩放工具

DANGER

  1. 用来缩放多个元素不会变形,快捷键K
  2. 圆角使用移动工具缩放后变形,借助缩放工具即可

移动工具

DANGER

  1. 用来选中和移动元素,快捷键V

  2. 按住Alt拖动复制元素,Ctrl + D可以重复复制

  3. 可以修改形状的圆角,按Alt点击小圆点可以单独控制圆角

    控制圆角复制素,可以使用整理功能,方便对间距进行整体控制

画框的使用

TIP

  • 什么情况下使用
  1. 项目需要用到弹性布局/自适应
  2. 对超出范围的内容进行裁切
  3. 具备多个画框进行嵌套

DANGER

  1. 添加画框快捷键Ctrl+Alt +G 取消画框 ctrl+ Shift +G
  2. 右键属性栏中可以切换两种状态
  3. 勾选裁切内容后,超出轮廓的内容将不再显示
  4. 弹性布局必备,子元素能够在父级frame变化时保持自身相对应位置和大小
  5. 强制嵌套快捷键移动式按Ctrl ,如不需要嵌套移动按 空格

组的使用

TIP

  • 什么情况下使用
  1. 希望对整个组进行调整大小的同时也能够影响子集的大小缩放
  2. 你想对多个元素进行位置的移动

DANGER

  1. 编辑快捷键Crtl + G; 取消编辑Ctrl +Shift+ G

  2. 配合移动工具按住Shift 为加选,再按为减选

  3. 当子元素调整边界或移动位置时,组的边界会自动调整

  4. 组相当于批量移动工具,不具备高级属性

形状工具

DANGER

  1. 编辑形状工具可以双击或者点击工具栏上方的编辑对象
  2. 使用移动工具可以在编辑模式下单独点进行圆角修改
  3. 布尔运算使用方法和其他设计软件一样,合并形状快捷键Ctrl+ E

蒙版工具

DANGER

  1. 上层为图像,下层为遮罩,创建蒙版快捷键Ctrl+ Alt+ M 再按一次是取消
  2. 功能更像是对图像进行裁切,便捷操作可以使用Frame或者放置图片功能Ctrl+ Shift +K

钢笔工具

DANGER

  1. 钢笔快捷键P
  2. 路径线绘制完毕之后按住Sec断线
  3. 弯曲点快捷键Ctrl点击锚点
  4. 使用钢笔工具在路径线上可以直接添加点,按住Alt进行减点
  5. Figma中点与点之间进行连接,从而构成一个完整的圆形
  6. 双击绘制完成的闭合路径线,可以使用颜料桶进行直接上色

文字工具

DANGER

  1. 文字快捷键T
  2. Figma属性栏数值调整区域可以按Alt结合鼠标进行调整
  3. 直接复制文字会把文字属性一并复制过去,通过复制为文本解决此问题
  4. 可以通过保存文本样式进行复用或者推送给团队使用
  5. 网页链接可以在文字上直接粘贴,就可以快速制作跳转机链接

预览及其分享

  1. 草稿中的文件可以风向和编辑,对方可以保存
  2. 只有付费团队中的项目可以设置不让对方保存
  3. 在画板上右键可以设置封面
  4. 通过评论功能进行团队之间的沟通

对齐、分布、坐标、图层

DANGER

顶对齐 :Alt+ w

底部对齐 :Alt+ S

左对齐 :Alt+ A

右对齐 :Alt+ D

水平居中 :Alt+ H

垂直居中 :Alt+ V

水平翻转 :Shift+ H

垂直翻转 :Shift+ V

组件管理

DANGER

  1. 添加组件快捷键Ctrl+ Alt +K
  2. 组件分为初始组件和实例组件(复制初始组件得到的)
  3. 修改初始组件会直接影响实例组件,如果不需要影响,对实例组件进行分离实例即可Ctrl+Alt +B
  4. 项目中具有多种属性状态的组件,使用变体功能进行搭建
  5. 操作变体组件时,对命名规则要求极高,特别注意
  6. 重命名快捷键Ctrl+ R

Last updated: