Figma 是一个 基于浏览器 的协作式 UI 设计工具。【https://www.figma.com/】
Figma = Sketch（UI 设计）+ InVision（原型设计） + Zeplin（标注）+ Dropbox（云端同步）+ Abstract（版本历史）+ Craft-Freehand（实时讨论） + Liveshare（实时分享）+ Team Library （团队组件库）+ Web API（第三方接入）+ …
1.快捷键与键位（mac与windows）
-
Ctrl=control
-
Alt=option
-
Cmd=command=win键
-
显示键盘快捷键：Ctrl+Shift+？
-
打开菜单搜索：Cmd+/
2.基础快捷键
| 名称 | 快捷键 |
|---|---|
| 移动工具 | V |
| Frame工具（选择制作尺寸） | F或者A |
| 钢笔工具 | P |
| 铅笔工具 | Shift+P |
| 文字工具 | T |
| 矩形工具 | R |
| 原形工具 | O |
| 直线工具 | L |
| 油漆桶（锚点状态下内填充/去除） | B |
| 移除填充 | Option+/或Alt+/ |
| 移除描边 | / |
| 切换填充与描边颜色 | Shift+X |
| 箭头工具 | Shift+L |
| 添加/显示评论 | C |
| 编辑图形或形状 | Enter |
| 取色 | I或Ctrl+C |
| 切片工具 | S |
| 描边轮廓（Outline）(将描边与主体分离形成两个图层) | Cmd+Shift+O/Ctrl+Shift+O |
| 合并图层/文字转化成路径 | Cmd+E/Ctrl+E |
| 连接锚点 | Cmd+J/Ctrl+J |
| 删除猫点并闭合路径 | Shift+Delete/Shift+Backspace |
| 导出 | Cmd+Shift+E/Ctrl+Shift+E |
3.操作区快捷键
3.1视图
| 名称 | 快捷键 |
|---|---|
| 拖动画布（抓手） | Space+鼠标 |
| 放大 | + |
| 缩小 | - |
| 缩放至100% | Shift+0 |
| 缩放至适应屏幕 | Shift+1 |
| 缩放至所选项 | Shift+2 |
| 跳转至上一个Frame并且放大（切换到上层画板） | Shift+N |
| 跳转到下一个Frame并且放大（切换到下层画板） | N |
| 上一页 | Fn+⬆️/Page Up |
| 下一下 | Fn+⬇️/Page Down |
| 找到上一个Frame | Fn+⬅️/Home |
| 找到下一个Frame | Fn+➡️/End |
| 显示边框 | Ctrl+Shift+3 |
| 像素预览设置 | Cmd+Alt+Y |
| 显示/隐藏布局删格 | Ctrl+Shift+4 |
| 显示/隐藏像素删格 | Cmd+` |
| 显示/隐藏侧边 | Cmd+| |
| 显示/隐藏协作者光标 | Cmd+Alt+| |
| 显示/隐藏选中项 | Cmd+Shift+H/Ctrl+Shift+H |
| 锁定/解除锁定图层 | Cmd+Shift+L |
| 切换到Layes（图层） | Alt+1 |
| 切换到Assets（组建） | Alt+2 |
| 切换到Design（设计） | Alt+8 |
| 切换到Prototype（原型） | Alt+9 |
| 切换到Inspect（代码） | Alt+0 |
| 合并编组 | Cmd+G/Ctrl+G |
| 取消编组 | Cmd+Shift+G/Ctrl+Shift+G |
| 转化成Frame | Cmd+Option+G/Ctrl+Alt+G |
3.2文字
注：Mac与Windows中有关文字的快捷键command与control键相反，如下：mac–Cmd/windows–Ctrl
| 名称 | 快捷键 |
|---|---|
| 加粗 | Cmd+B/Ctrl+B |
| 斜体 | Cmd+I/Ctrl+I |
| 下划线 | Cmd+U/Ctrl+U |
| 文字左对齐 | Cmd+Option+L/Ctrl+Alt+L |
| 文字右对齐 | Cmd+Option+R/Ctrl+Alt+R |
| 文字居中 | Cmd+Option+T/Ctrl+Alt+T |
| 文字两端对齐 | Cmd+Option+J/Ctrl+Alt+J |
| 复制文字图层样式 | Cmd+Option+C/Ctrl+Alt+C |
| 粘贴文字图层样式 | Cmd+Option+V/Ctrl+Alt+V |
| 文字编辑状态下去除样式并粘贴文字 | Cmd+Shift+V/Ctrl+Shift+V |
| 减小字号 | Cmd+Shift+</Ctrl+Alt+< |
| 增大字号 | Cmd+Shift+>/Ctrl+Alt+> |
| 减小字间距 | Option+,/Alt+, |
| 增大字间距 | Option+./Alt+. |
| 减小行高 | Option+Shift+</Alt+Shift+< |
| 增加行高 | Option+Shift+>/Alt+Shift+> |
3.3选项
| 名称 | 快捷键 |
|---|---|
| 全选 | Cmd+A/Ctrl+A |
| 反选 | Cmd+Shift+A/Ctrl+Shift+A |
| 取消选择项 | Esc |
| 选中最里层 | Cmd+鼠标点击/Ctrl+鼠标点击 |
| 显示图层菜单 | Cmd+鼠标右击/Ctrl+鼠标右击 |
| 选中子级 | Enter |
| 选中父级 | Shift+Enter |
| 选中后面相邻的元素 | Tab |
| 选中前面的相邻元素 | Shift+Tab |
| 复制 | Cmd+C/Ctrl+C |
| 剪切 | Cmd+ X/Ctrl+X |
| 粘贴 | Cmd+V/Ctrl+V |
| 粘贴去替换 | Cmd+Shift+R |
| 连续复制 | Cmd+D/Ctrl+D |
| 水平翻转 | Shift+H |
| 垂直翻转 | Shift+V |
| 遮罩 | Cmd+Option+M/Ctrl+Alt+M |
| 添加图片 | Cmd+Shift+K/Ctrl+Shift+K |
| 裁切图片 | Alt+双击 |
| 透明度 | 1～0 |
3.4图层
| 名称 | 快捷键 |
|---|---|
| 图层前移 | Cmd+]/Ctrl+] |
| 图层后移 | Cmd+[/Ctrl+[ |
| 移动到最前 | Cmd+Shift+]/Ctrl+Shift+] |
| 移动到最后 | Cmd+Shift+[/Ctrl+Shift+[ |
| 水平居中对齐 | Option+H/Alt+H |
| 垂直居中对齐 | Option+V/Alt+V |
| 水平均匀分布 | Cmd+Option+Shift+H/Ctrl+Alt+Shift+H |
| 垂直均匀分布 | Cmd+Option+Shift+V/Ctrl+Alt+Shift+V |
| 整理图层 | Cmd+Option+Shift+T/Ctrl+Alt+Shift+T |
3.5组件
| 名称 | 快捷键 |
|---|---|
| 打开团队库 | Alt+3或Cmd+Option+O/Ctrl+Alt+O |
| 切换到组件面板 | Option+2 |
| 转为组件 | Cmd+Option+K/Ctrl+Alt+K |
| 解散组件 | Cmd+Option+B/Ctrl+Alt+B |
4.特殊技巧
- 鼠标放置与右侧数据上，按住option/alt左右拖动鼠标可改变数值大小
- 图层锚点状态下，按住command键盘可调取拖拽锚点
参考链接
[1]: https://zhuanlan.zhihu.com/p/361036797