Figma 快捷键速查表 - UI 设计工具常用快捷键大全
Figma 的时间黑洞是重复操作:同样的对齐、同样的改间距、同样的切换工具,在同一个文件里要做几十遍。这张表按工具切换、图层操作、对齐与分布、样式与属性、视图与导航、其他常用分组,收的是能把鼠标动作换成键盘的键位组合,以及几组不写下来就记不住的约束。判断依据是图层树是否还干净:一旦顶层堆满几十个同类元素而没有编组,后续任何一次对齐都会变成灾难,所以每完成一个模块就 Cmd+G,嵌套控制在两层以内最舒服。什么时候翻它:需要在半小时内搭出一版可评审的界面稿、要把设计系统里的组件规范化、或者要给开发交付标注与切图说明。与边画边调相比,先定好自动布局的间距规则再放内容,改起来只是改一个数字,而不是重排一整块。
典型使用场景
面向需要高效产出界面稿、组件库与交互原型的设计师。表内把快捷键按「工具切换 / 图层操作 / 对齐分布 / 样式属性 / 视图导航 / 其他常用」六组排开,可以直接当肌肉记忆清单用。核心价值在于三件事:用字母键在工具之间零成本切换;用 Cmd+G 编组 + 双击进组的方式管理复杂页面结构,而不是反复取消重编;用 Alt 系列做对齐与等距分布,用 Cmd+Shift+T / Option+S 建立并复用样式,避免同一套间距圆角散落在几十个图层里。视图层则靠 Cmd+0/1/2 与 Shift+1 在 100%、适应、选区与主组件之间切换,配合 Cmd+/ 搜索和 Cmd+Option+P 跑插件,把「找图层」和「装工具」的成本降到最低。
工具切换 10
VFROLTPKHZ图层操作 10
Cmd+GCmd+Shift+GCmd+Option+GCmd+Option+BCmd+]Cmd+[Cmd+Shift+]Cmd+Shift+[Cmd+Option+↑Cmd+Option+↓对齐与分布 8
Alt+AAlt+DAlt+WAlt+SAlt+HAlt+VCtrl+Alt+HCtrl+Alt+V样式与属性 7
Cmd+TCmd+Shift+TCmd+Option+SCmd+Option+CCmd+Option+VCmd+Shift+RCmd+Option+K视图与导航 8
Cmd+0Cmd+1Cmd+2Shift+1Space+拖拽Cmd+Option+\Cmd+Option+1Cmd+Option+2其他常用 7
Cmd+C / Cmd+VCmd+DCmd+Shift+DCmd+Shift+VCmd+Option+ECmd+/Cmd+Option+P参数矩阵
| 参数 | 作用 | 示例 |
|---|---|---|
V | 切换到移动工具 | V |
F | 切换到画框工具(Frame) | F |
R / O / L | 矩形、椭圆、线条工具 | R |
T / P / K | 文本、钢笔、切片工具 | T |
H / Z | 抓手平移、缩放工具 | H |
Cmd+G | 把选中图层编组 | Cmd+G |
Cmd+Shift+G | 取消编组 | Cmd+Shift+G |
Cmd+Option+G | 把选中图层创建为组件 | Cmd+Option+G |
Cmd+Option+B | 创建组件实例 | Cmd+Option+B |
Cmd+] / Cmd+[ | 上移一层 / 下移一层 | Cmd+] |
Cmd+Shift+] / Cmd+Shift+[ | 移到顶层 / 移到底层 | Cmd+Shift+] |
Cmd+Option+↑ / ↓ | 向上 / 向下精确移动 10px | Cmd+Option+↑ |
Alt+A / Alt+D | 左对齐 / 右对齐 | Alt+A |
Alt+W / Alt+S | 顶对齐 / 底对齐 | Alt+W |
Alt+H / Alt+V | 水平居中 / 垂直居中 | Alt+H |
Ctrl+Alt+H / Ctrl+Alt+V | 水平等距分布 / 垂直等距分布 | Ctrl+Alt+H |
Cmd+Shift+T | 把当前属性创建为样式 | Cmd+Shift+T |
Cmd+Option+S | 应用已有样式 | Cmd+Option+S |
Cmd+Option+C / V | 复制样式 / 粘贴样式到其他图层 | Cmd+Option+C |
Cmd+Shift+R | 调整尺寸 | Cmd+Shift+R |
Cmd+Option+K | 添加约束以适配不同尺寸 | Cmd+Option+K |
Cmd+0 / Cmd+1 / Cmd+2 | 缩放至 100% / 适应画布 / 选区 | Cmd+1 |
Shift+1 | 缩放到主组件视图 | Shift+1 |
Space+拖拽 | 临时平移画布 | Space+拖拽 |
Cmd+Option+\ | 显示或隐藏 Figma 界面 | Cmd+Option+\ |
Cmd+Option+1 / 2 | 显示或隐藏图层面板 / 属性面板 | Cmd+Option+2 |
Cmd+D | 原位复制粘贴选中图层 | Cmd+D |
Cmd+Shift+D | 复制属性(不复制图层结构) | Cmd+Shift+D |
Cmd+Shift+V | 粘贴到当前选区内部 | Cmd+Shift+V |
Cmd+Option+E | 导出当前帧或图层 | Cmd+Option+E |
Cmd+/ | 搜索命令、图层与资源 | Cmd+/ |
Cmd+Option+P | 运行已安装的插件 | Cmd+Option+P |
易错点与避坑指南
现象图层面板里图层太多,找不到目标,只能靠肉眼一个个点
原因没有用编组做结构分层,所有图层平铺在同一层
处置用 Cmd+G 按区块编组,双击进入组内编辑,把层级收敛成可读的树
现象复制一个按钮后改不动,改动会牵连到其他页面
原因按钮是主组件本体而不是实例,编辑主组件会全局同步
处置用 Cmd+Option+B 创建组件实例,改样式时先确认选中的是实例而非主组件
现象几十个按钮的圆角、字号各不相同,改一次要挨个点
原因没有建立样式,图层上填的是各自独立的原始值
处置用 Cmd+Shift+T 把常用属性提为样式,再用 Cmd+Option+S 批量套用
现象切到手机尺寸后按钮文字溢出、间距被挤乱
原因图层没有设置约束,默认按固定尺寸缩放
处置选中图层后用 Cmd+Option+K 添加约束,让元素跟随容器拉伸或对齐
现象撤销几次之后想找回最初的图层结构,却发现回不去了
原因Cmd+D、Cmd+G 这类操作在 Figma 里会合并成较大的撤销步骤
处置结构性大改动前先 Cmd+Option+S 存一个版本文件,或用 Cmd+Z 逐步回退并立刻截图确认
现象粘贴过来的图层跑到很远的位置,对不上原来的画框
原因粘贴保持原坐标,而目标画框在别的位置
处置用 Cmd+Shift+V 粘贴到当前选区内部,或粘贴后用 Cmd+Option+↑/↓ 与对齐快捷键归位
现象录屏演示时图层面板一直在闪,想给客户看纯画面
原因没有隐藏 Figma 自身的界面
处置按 Cmd+Option+\ 隐藏全部 UI,或单独用 Cmd+Option+1、Cmd+Option+2 收起面板
排障路径
1快速找到某个图层或命令
Cmd+/输入图层层级路径或命令名,直接跳转;比在图层面板里逐层展开快得多。
2把散落的元素按区块收进结构里
Cmd+G框选后编组,再双击进入组内编辑,改层级时不再需要先取消编组重编。
3把重复元素收成可复用组件
Cmd+Option+G选中主图层创建组件,其他位置用 Cmd+Option+B 生成实例后再单独改。
4让一组元素间距完全一致
Ctrl+Alt+H选中三个以上元素后执行,水平方向等距分布;纵向换 Ctrl+Alt+V。
5修正复制来的图层位置
Cmd+Option+↓按 10px 步进微调,配合 Alt+A、Alt+H 等对齐快捷键快速归位。
6查看一个实例背后的主组件长什么样
Shift+1缩放到主组件视图,确认组件本身的默认值与结构是否正确。
7交付前导出当前画框
Cmd+Option+E导出面板可选择倍率与格式,切片工具 K 可以先切好多个导出区域。
命令示例
一组元素先编组再对齐,避免逐个拖
Cmd+G // 编组
Alt+A // 左对齐
Alt+H // 水平居中
Alt+V // 垂直居中对齐快捷键作用于当前选中的所有对象,对齐基准是选区边界。选区里混进背景框或参考线时,最外层那个元素会决定对齐结果——所以先 Cmd+G 把要排的卡片归成一组,再按对齐键。
等距分布需要至少三个对象
Ctrl+Alt+H // 水平等距分布
Ctrl+Alt+V // 垂直等距分布分布是在保持两端不动的前提下让中间元素等间距。两个对象没有「中间」可言,分布快捷键对它没有意义;想做三等分就先复制出一个第三个对象。
抽取样式:创建一次,其余地方应用
Cmd+Shift+T // 创建样式(从选中属性生成)
Cmd+Option+S // 应用样式
Cmd+Option+C // 复制样式
Cmd+Option+V // 粘贴样式创建样式时选择器可以指向单个图层或整个组件的实例,此时它是局部样式;只有把实例作为目标才会生成可被其他实例复用的全局样式。设计系统里改一次颜色要全局生效,就必须建全局样式。
原位复制与复制属性
Cmd+D // 复制并粘贴(原位)
Cmd+Shift+D // 复制属性Cmd+D 保留原来的绝对位置,新副本叠在上面,适合做同位变体;Cmd+Shift+D 只搬运填充、描边、效果等属性,把它们贴到另一个已有布局的图层上。两者配合是「同一张卡片换个状态」的最短路径。
三个缩放档位解决画布迷路
Cmd+0 // 缩放至 100%
Cmd+1 // 缩放至适应
Cmd+2 // 缩放至选区
Shift+1 // 缩放至主组件Cmd+2 放大到选区是评审细节最快的路,Cmd+1 收回全貌确认整体排布,Shift+1 从实例跳回主组件看清它继承了什么。Space+拖拽负责平移,缩放档位负责取景,两者配合几乎可以不用缩放控件。
常见坑与注意事项
- Cmd+Shift+T 创建的是局部样式还是全局样式,取决于创建时选中的目标是图层还是组件实例,选错会导致改不动其它实例。
- 直接编辑已发布到团队库的主组件会绕过版本与评审流程,改动瞬间影响所有使用方;先在 Draft 里改,再走发布。
- 对齐与分布以选区边界为基准,选区里混入一个尺寸异常的大图层,全部元素都会被拉歪;按 Cmd+Shift+A 或 Cmd+/ 确认选区内容再操作。
- Cmd+Shift+V 粘贴到选区会按目标图层重排尺寸与约束,可能覆盖目标已有的布局设置;粘贴后用 Cmd+Z 撤销确认。
- Figma 是 CRDT 合并模型,离线改的图层与别人同时改的同一图层会「双方都保留」并自动合并,结果往往不是任一方的意图,重要评审要开 Presence 一起改。
- Cmd+Option+1 / 2 隐藏图层面板后容易失去方向感;隐藏的是 UI 不是对象,对齐基准不变,凭感觉排版会把元素贴到看不见的框上。
提示
- Cmd+G 编组后,双击进入组内编辑,比取消编组再重新编组更高效。
- Alt+拖拽可以复制图层,配合 Cmd 可以精确复制。
- 组件(Component)是 Figma 的核心,设计系统务必用组件管理。
- Cmd+Shift+H 建约束比逐个调 padding 快得多,之后改父容器宽度子元素会按约束自动排布。
- 切到 symbol 拼装主界面、接缝处组件尺寸必须等宽,否则缩放时会出现 1px 级别的错位。
- 交付导出前统一检查图层命名与隐藏状态,隐藏图层仍会被导出,交付前务必确认可见性。
常见问题
什么该编组,什么该做成组件?
编组(Cmd + G,取消编组 Cmd + Shift + G)只是把图层归到一起方便一起移动、切换可见性,纯视觉组织,不产生可复用实例。组件(Cmd + Option + G 创建,属性面板里 Cmd + Option + B 创建实例)才是设计系统的载体:改主组件,所有实例同步更新,能带变体和属性。经验法则是「要被复用的用组件,只是想整理的用编组」。编组后双击可直接进组内编辑,比取消编组再重组更高效。
怎么快速把一组元素对齐并等距分布?
对齐用 Alt 组合:Alt+A 左对齐、Alt+D 右对齐、Alt+W 顶对齐、Alt+S 底对齐、Alt+H 水平居中、Alt+V 垂直居中,都需要先选中多个图层。分布是另一组键:Ctrl+Alt+H 水平等距分布、Ctrl+Alt+V 垂直等距分布,需要选中三个及以上元素才有意义。微调位置用 Cmd+Option+↑/↓ 上下移动 10px。
样式、复制属性和复制粘贴,选哪个?
Cmd + Shift + R 创建样式(style),适合把反复出现的颜色、字体、阴影抽成可复用条目,之后用 Cmd + Option + S 应用样式、Cmd + Option + C 复制样式、Cmd + Option + V 粘贴样式。Cmd + Shift + D 是「复制属性」:只带走视觉属性(填色、描边、效果),不带图层内容,适合把一套配色铺到另一个图形上。Cmd + C / Cmd + V 连内容一起复制,Cmd + D 原地复制一份,Cmd + Shift + V 粘贴到当前选区之内。
画布放大缩小和隐藏面板分别怎么做?
缩放用 Cmd + 系列:Cmd + 0 回到 100%、Cmd + 1 缩放至适应画布、Cmd + 2 缩放至当前选区、Shift + 1 缩放至主组件。Z 键切换缩放工具,配合拖拽可以自由放大。导航时按住 Space 拖拽平移画布。隐藏界面元素用 Cmd+Option+\ 切换整个 UI,或者更精细地 Cmd+Option+1 显隐图层面板、Cmd+Option+2 显隐属性面板。全屏做展示时把 UI 全部关掉最干净。
想让多个图形间距完全一致,精确移动怎么操作?
用方向键加 Shift 可以在画布上做受约束的移动和缩放,属性面板里看得到精确数值。批量挪动时 Cmd+Option+↑ / ↓ 一次移动 10px,比按住方向键逐像素更高效;属性面板的 Cmd + T 可以打开变换面板精确设定缩放和旋转,Cmd + Shift + R 直接调整尺寸。对齐交给 Alt+A / D / W / S / H / V,需要等距时用 Ctrl+Alt+H / V,别靠手动拖。
由 巧匠 维护
公开更新于 2026年7月21日,内容持续校对官方文档。