跳到主要内容

第一章 figma 简介

安装​

实时预览方案​

  1. 移动端设备使用 Figma Mirror APP
  2. 网页端浏览器输入 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点击另一个
  • 当子元素调整边界或移动位置时，组的边界会自动调整
  • 组相当于批量移动工具，不具备高级属性

画框​

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

形状工具​

0%