不知道什么时候开始 Figma 成为了设计师必备的产品原型设计软件,并且很快风靡全球,身边不少设计小伙伴慢慢的转移阵营,Figma 颠覆了 PS 的方式,在 UI 设计上,大大提高了效率,支持 Web 在线还可以团队协作,完全是为了线上办公而设计的 UI 设计软件,那么如果你是刚入门 Figma 不知道快捷?下面快捷派告诉你最新 Figma 快捷键大全吧。
必备快捷键(9 个)
Mac |
Windows |
作用 |
Ctrl + Shift + ? |
Ctrl + Shift + ? |
显示键盘快捷键 |
Cmd + \ |
Ctrl + \ |
显示 / 隐藏侧边 |
Ctrl + C |
I |
取色 |
Cmd + / |
Ctrl + / |
打开菜单搜索 |
Cmd + P |
Ctrl + P |
打开菜单搜索 |
Cmd + Shift + C |
Ctrl + Shift + C |
复制 PNG |
Cmd + Shift + S |
Ctrl + Shift + S |
保存 .fig 文件到本地 |
Cmd + Option + S |
Ctrl + Alt + S |
保存一个版本 |
Cmd + Option + P |
Ctrl + Alt + P |
打开上次打开的插件 |
Shift + A |
Shift + A |
为所选元素添加自动布局容器 |
Shift + Option + A |
Shift + Alt + A |
解除自动布局 |
工具(14 个)
Mac |
Windows |
作用 |
V |
V |
移动工具 |
K |
K |
缩放工具(所有元素按比例缩放) |
H |
H |
拖拽工具 |
F |
F |
Frame 工具 |
P |
P |
钢笔工具 |
Shift + P |
Shift + P |
铅笔工具 |
T |
T |
文字工具 |
R |
R |
矩形工具 |
O |
O |
圆形工具 |
L |
L |
直线工具 |
Shift + L |
Shift + L |
箭头工具 |
C |
C |
添加/显示评论 |
I |
I |
取色 |
S |
S |
切片工具 |
视图(14 个)
Mac |
Windows |
作用 |
Shift + R |
Shift + R |
标尺工具 |
Cmd + Y 或 Ctrl + Shift + 3 |
Ctrl + Shift + 3 |
显示边框 |
Ctrl + P 或 Cmd + Option + Y |
Ctrl + Alt + Y |
像素预览设置 |
Ctrl + G 或 Ctrl + Shift + 4 |
Ctrl + Shift + 4 |
显示 / 隐藏布局栅格 |
Cmd + ‘ |
Ctrl + ‘ |
显示 / 隐藏像素栅格 |
Cmd + \ |
Ctrl + \ |
显示 / 隐藏侧边 |
Cmd + . |
Ctrl + . |
显示 / 隐藏侧边 |
Cmd + Shift + \ |
Alt + 1 + 2 + 4 |
显示 / 隐藏左侧边 |
Cmd + Option + \ |
Ctrl + Alt + \ |
显示协作者光标 |
Option + 1 |
Alt + 1 |
左侧切换到图层面板 |
Option + 2 |
Alt + 2 |
左侧切换到组件面板 |
Option + 3 |
Alt + 3 |
打开团队库 |
Option + 8 |
Alt + 8 |
右侧切换到设计 |
Option + 9 |
Alt + 9 |
右侧切换到原型 |
Option + 0 |
Alt + 0 |
右侧切换到代码 |
按下 Z,然后鼠标拖拽 |
按下 Z,然后鼠标拖拽 |
放大到框选区域 |
Z+方向键 |
Z+方向键 |
移动可视区域 |
缩放(12 个)
Mac |
Windows |
作用 |
Space + 鼠标 |
Space + 鼠标 |
拖动画布 |
框选,然后按住 Space 拖动 |
框选,然后按住 Space 拖动 |
拖拽选框 |
+ |
+ |
放大 |
– |
– |
缩小 |
Shift + 0 |
Shift + 0 |
缩放至 100% |
Shift + 1 |
Shift + 1 |
缩放至适应屏幕 |
Shift + 2 |
Shift + 2 |
缩放至所选项 |
Shift + N |
Shift + N |
放大至上一个 Frame |
N |
N |
放大至下一个 Frame |
Fn + ↑ |
Page Up |
上一页 |
Fn + ↓ |
Page Down |
下一页 |
Fn + ← |
Home |
找到上一个 Frame |
Fn + → |
End |
找到下一个 Frame |
文字(14 个)
Mac |
Windows |
作用 |
Cmd + B |
Ctrl + B |
加粗 |
Cmd + I |
Ctrl + I |
斜体 |
Cmd + U |
Ctrl + U |
下划线 |
Cmd + Shift + X |
Ctrl + Shift + X |
中划线 |
Cmd + Shift + V |
Ctrl + Shift + V |
文字编辑状态下去除样式并粘贴文字 |
Cmd + Option + L |
Ctrl + Alt + L |
文字左对齐 |
Cmd + Option + T |
Ctrl + Alt + T |
文字居中 |
Cmd + Option + R |
Ctrl + Alt + R |
文字右对齐 |
Cmd + Option + J |
Ctrl + Alt + J |
文字两端对齐 |
Cmd + Shift + < |
Ctrl + Shift + < |
减小字号 |
Cmd + Shift + > |
Ctrl + Shift + > |
增大字号 |
Option + < |
Alt + < |
减小字间距 |
Option + > |
Alt + > |
增大字间距 |
Option + Shift + < |
Alt + Shift + < |
减小行高 |
Option + Shift + > |
Alt + Shift + > |
增大行高 |
Cmd + K |
Ctrl + K |
添加链接 |
Cmd + Option + < |
Cmd + Alt + < |
减小字重 |
Cmd + Option + > |
Cmd + Alt + > |
增大字重 |
文字列表
Mac |
Windows |
作用 |
输入 * 、- 以后按空格键 |
输入 * 、- 以后按空格键 |
将这一行转为无符号列表样式 |
Option + 8 后按空格键 |
Alt + 0/1/4/9 后按空格 |
将这一行转为无符号列表样式 |
Cmd + Shift + 8 |
– |
将这一行转为无符号列表样式 |
Cmd + Shift + 7 |
– |
将这一行转为数字列表样式 |
输入状态下按 Tab |
输入状态按 Tab |
向后缩进 |
输入状态下按 Shift + Tab |
输入状态按 Shift + Tab |
向前缩进 |
Cmd + Z |
Ctrl + Z |
撤回列表样式 |
形状(10 个)
Mac |
Windows |
作用 |
P |
P |
钢笔 |
Shift + P |
Shift + P |
铅笔 |
B |
B |
油漆桶 |
Option + / |
Alt + / |
移除填充 |
/ |
/ |
移除描边 |
Shift + X |
Shift + X |
切换填充和描边颜色 |
Cmd + Shift + O |
Ctrl + Shift + O |
描边轮廓(Outline) |
Cmd + E |
Ctrl + E |
合并选择项 |
Cmd + J |
Ctrl + J |
连接锚点 |
Cmd + Shift + J |
Ctrl + Shift + J |
使用曲线连接锚点 |
Shift + Delete |
Shift + Backspace |
删除锚点并闭合路径 |
选择项(15 个)
Mac |
Windows |
作用 |
Cmd + A |
Ctrl + A |
全选 |
Cmd + Shift + A |
Ctrl + Shift + A |
反选 |
Esc |
Esc |
取消选择项 |
Cmd + 鼠标点击 |
Ctrl + 鼠标点击 |
选中最里层 |
Cmd + 鼠标右击 |
Ctrl + 鼠标右击 |
显示图层菜单 |
Option + L |
Alt + L |
收起图层 |
Enter |
Enter |
展开图层并进入子级 |
Shift + Enter |
Shift + Enter |
选中父级 |
Tab |
Tab |
选中后面的相邻元素 |
Shift + Tab |
Shift + Tab |
选中前面的相邻元素 |
Cmd + G |
Ctrl + G |
合并成组 |
Cmd + Shift + G |
Ctrl + Shift + G |
取消成组 |
Cmd + Option + G |
Ctrl + Alt + G |
选择成 Frame |
Cmd + Shift + H |
Ctrl + Shift + H |
显示或隐藏选中项 |
Cmd + Shift + L |
Ctrl + Shift + L |
锁定或解锁选中项 |
光标(8 个)
Mac |
Windows |
作用 |
Alt + 鼠标 hover |
Alt + 鼠标 hover |
显示距离 |
Alt + 鼠标拖动 |
Alt + 鼠标拖动 |
复制所选项 |
Cmd + 鼠标左击 |
Ctrl + 鼠标左击 |
选中最里层 |
Cmd + 鼠标右击 |
Ctrl + 鼠标右击 |
显示图层菜单 |
Alt + 拖动元素缩放 |
Alt + 拖动元素缩放 |
从中心缩放 |
Shift + 拖动元素缩放 |
Shift + 拖动元素缩放 |
成比例缩放 |
Space + 拖动元素缩放 |
Space + 拖动元素缩放 |
缩放时移动 |
Cmd + 拖动 Frame 缩放 |
Ctrl + 拖动 Frame 缩放 |
保持内部元素不变 |
/ |
/ |
光标聊天 |
编辑(9 个)
Mac |
Windows |
作用 |
Cmd + C |
Ctrl + C |
复制 |
Cmd + X |
Ctrl + X |
剪切 |
Cmd + V |
Ctrl + V |
粘贴 |
Cmd + Option + Shift + V |
Control + Alt + Shift + V |
粘贴以替换 |
Cmd + Shift + V |
Ctrl + Shift + V |
非文字编辑状态下,粘贴到所选图层上方 |
Cmd + Shift + V |
Ctrl + Shift + V |
文字编辑状态下去除样式并粘贴文字 |
Cmd + D |
Ctrl + D |
按一定位置追加复制 |
Cmd + R |
Ctrl + R |
重命名所选项 |
Cmd + Shift + E |
Ctrl + Shift + E |
导出 |
Cmd + Option + C |
Ctrl + Alt + C |
复制属性 |
Cmd + Option + V |
Ctrl + Alt + V |
粘贴属性 |
Option + 双击图片 |
Alt + 双击图片 |
进入图片裁切模式 |
变换形状(9 个)
Mac |
Windows |
作用 |
Shift + H |
Shift + H |
水平翻转 |
Shift + V |
Shift + V |
垂直翻转 |
Cmd + Ctrl + M |
Ctrl + Alt + M |
使用遮罩 |
Enter |
Enter |
编辑图形或形状 |
Cmd + Shift + K |
Ctrl + Shift + K |
添加图片 |
Alt + 双击 |
Alt + 双击 |
裁切图片 |
1 |
1 |
设置透明度为 10% |
5 |
5 |
设置透明度为 50% |
0 |
0 |
设置透明度为 100% |
整理图层(13 个)
Mac |
Windows |
作用 |
Cmd + ] |
Ctrl + ] |
将所选项往前移 |
Cmd + [ |
Ctrl + [ |
将所选项往后移 |
Cmd + Option + ] |
Ctrl + Shift + ] |
移到最前 |
Cmd + Option + [ |
Ctrl + Shift + [ |
移到最后 |
Option + A |
Alt + A |
所选项左对齐 |
Option + D |
Alt + D |
所选项右对齐 |
Option + W |
Alt + W |
所选项顶部对齐 |
Option + S |
Alt + S |
所选项底部对齐 |
Option + H |
Alt + H |
水平居中对齐 |
Option + V |
Alt + V |
垂直居中对齐 |
Ctrl + Option + T |
Ctrl + Alt + Shift + T |
整理图层 |
Ctrl + Option + H |
Ctrl + Alt + Shift + H |
水平均匀分布 |
Ctrl + Option + V |
Ctrl + Alt + Shift + V |
垂直均匀分布 |
组件(4 个)
Mac |
Windows |
作用 |
Option + 2 |
Alt + 2 |
切换到组件面板 |
Cmd + Option + K |
Ctrl + Alt + K |
将所选项转为组件 |
Cmd + Option + B |
Ctrl + Alt + B |
解散组件 |
Cmd + Option + O |
Ctrl + Alt + O |
打开团队库 |
Shift + I |
Shift + I |
快速调用组件面板 |
客户端仅有(2 个)
Mac |
Windows |
作用 |
Cmd + H |
Ctrl + H |
隐藏 Figma 窗口 |
Cmd + N |
Ctrl + N |
创建新文件 |
Cmd + O |
Ctrl + O |
打开文件选择窗口 |
Cmd + Shift + N |
Ctrl + Shift + N |
打开一个新窗口 |
Cmd + Option + 0 |
Ctrl + Alt + 0 |
恢复视图比例为 100% |
Cmd + Option + 减号 |
Ctrl + Alt + 减号 |
缩小视图比例 |
Cmd + Option + 加号 |
Ctrl + Alt + 加号 |
增大视图比例 |
Cmd + Q |
Ctrl + Q |
退出 Figma |