第一章 figma 简介
安装
实时预览方案
- 移动端设备使用 Figma Mirror APP
- 网页端浏览器输入 figma.com/mirror
注:移动端需要手机和电脑同一网络,并且登录同一账户
社区
-
按住
space
空格或者 中键滚轮 可以移动画布 -
缩放画布按
ctrl + 中键滚轮
, 100% 显示画面shift + 0
-
显示所有画布
shift + 1
-
隐藏左右两侧面板:
ctrl + \
移动缩放工具
-
用来选中和移动元素,快捷键
V
-
复制: 按住
ALT
键点击拖动即可 , 按住SHIFT+ALT
键点击拖动可以保持水平或者垂直不变 -
重复复制:先复制, 然后按
command+D
-
修改形状的圆角: 按
Alt
点击小圆点可以单独控制圆角 -
间距不一致:整理功能
-
使用缩放工具进行缩放,缩放多个元素不会变形,快捷键
K
Frame与组的认识
组
- 编组:
Command+G
或者Command+Shift+G
取消编组 - 不规律的元素编组: 点击一个,再按住
shift
点击另一个 - 当子元素调整边界或移动位置时,组的边界会自动调整
- 组相当于批量移动工具,不具备高级属性
画框
- 添加画框快捷键
Command+ ALT + G
, 取消画框:Command + Shift+G
- 右侧属性栏中可以切换两种状态
- 勾选裁剪内容后,超出轮廓框的内容将不再显示
- 弹性布局必备,子元素能够在父级frame 变化时保持自身相对位置和大小
- 强制嵌套快捷键移动时按
Command
, 如果不需要嵌套移动时按space