Appearance
缩放工具
DANGER
- 用来缩放多个元素不会变形,快捷键K
- 圆角使用移动工具缩放后变形,借助缩放工具即可
移动工具
DANGER
用来选中和移动元素,快捷键V
按住Alt拖动复制元素,Ctrl + D可以重复复制
可以修改形状的圆角,按Alt点击小圆点可以单独控制圆角
控制圆角复制素,可以使用整理功能,方便对间距进行整体控制
画框的使用
TIP
- 什么情况下使用?
- 项目需要用到弹性布局/自适应
- 对超出范围的内容进行裁切
- 具备多个画框进行嵌套
DANGER
- 添加画框快捷键Ctrl+Alt +G 取消画框 ctrl+ Shift +G
- 右键属性栏中可以切换两种状态
- 勾选裁切内容后,超出轮廓的内容将不再显示
- 弹性布局必备,子元素能够在父级frame变化时保持自身相对应位置和大小
- 强制嵌套快捷键移动式按Ctrl ,如不需要嵌套移动按 空格
组的使用
TIP
- 什么情况下使用?
- 希望对整个组进行调整大小的同时也能够影响子集的大小缩放
- 你想对多个元素进行位置的移动
DANGER
编辑快捷键Crtl + G; 取消编辑Ctrl +Shift+ G
配合移动工具按住Shift 为加选,再按为减选
当子元素调整边界或移动位置时,组的边界会自动调整
组相当于批量移动工具,不具备高级属性
形状工具
DANGER
- 编辑形状工具可以双击或者点击工具栏上方的编辑对象
- 使用移动工具可以在编辑模式下单独点进行圆角修改
- 布尔运算使用方法和其他设计软件一样,合并形状快捷键Ctrl+ E
蒙版工具
DANGER
- 上层为图像,下层为遮罩,创建蒙版快捷键Ctrl+ Alt+ M 再按一次是取消
- 功能更像是对图像进行裁切,便捷操作可以使用Frame或者放置图片功能Ctrl+ Shift +K
钢笔工具
DANGER
- 钢笔快捷键P
- 路径线绘制完毕之后按住Sec断线
- 弯曲点快捷键Ctrl点击锚点
- 使用钢笔工具在路径线上可以直接添加点,按住Alt进行减点
- Figma中点与点之间进行连接,从而构成一个完整的圆形
- 双击绘制完成的闭合路径线,可以使用颜料桶进行直接上色
文字工具
DANGER
- 文字快捷键T
- Figma属性栏数值调整区域可以按Alt结合鼠标进行调整
- 直接复制文字会把文字属性一并复制过去,通过复制为文本解决此问题
- 可以通过保存文本样式进行复用或者推送给团队使用
- 网页链接可以在文字上直接粘贴,就可以快速制作跳转机链接
预览及其分享
- 草稿中的文件可以风向和编辑,对方可以保存
- 只有付费团队中的项目可以设置不让对方保存
- 在画板上右键可以设置封面
- 通过评论功能进行团队之间的沟通
对齐、分布、坐标、图层
DANGER
顶对齐 :Alt+ w
底部对齐 :Alt+ S
左对齐 :Alt+ A
右对齐 :Alt+ D
水平居中 :Alt+ H
垂直居中 :Alt+ V
水平翻转 :Shift+ H
垂直翻转 :Shift+ V
组件管理
DANGER
- 添加组件快捷键Ctrl+ Alt +K
- 组件分为初始组件和实例组件(复制初始组件得到的)
- 修改初始组件会直接影响实例组件,如果不需要影响,对实例组件进行分离实例即可Ctrl+Alt +B
- 项目中具有多种属性状态的组件,使用变体功能进行搭建
- 操作变体组件时,对命名规则要求极高,特别注意
- 重命名快捷键Ctrl+ R