Figma 快捷键速查表 - UI 设计工具常用快捷键大全

Figma 的时间黑洞是重复操作:同样的对齐、同样的改间距、同样的切换工具,在同一个文件里要做几十遍。这张表按工具切换、图层操作、对齐与分布、样式与属性、视图与导航、其他常用分组,收的是能把鼠标动作换成键盘的键位组合,以及几组不写下来就记不住的约束。判断依据是图层树是否还干净:一旦顶层堆满几十个同类元素而没有编组,后续任何一次对齐都会变成灾难,所以每完成一个模块就 Cmd+G,嵌套控制在两层以内最舒服。什么时候翻它:需要在半小时内搭出一版可评审的界面稿、要把设计系统里的组件规范化、或者要给开发交付标注与切图说明。与边画边调相比,先定好自动布局的间距规则再放内容,改起来只是改一个数字,而不是重排一整块。

开发工具·共 50 条命令·最后更新 2026-07-21
figma设计ui

典型使用场景

面向需要高效产出界面稿、组件库与交互原型的设计师。表内把快捷键按「工具切换 / 图层操作 / 对齐分布 / 样式属性 / 视图导航 / 其他常用」六组排开,可以直接当肌肉记忆清单用。核心价值在于三件事:用字母键在工具之间零成本切换;用 Cmd+G 编组 + 双击进组的方式管理复杂页面结构,而不是反复取消重编;用 Alt 系列做对齐与等距分布,用 Cmd+Shift+T / Option+S 建立并复用样式,避免同一套间距圆角散落在几十个图层里。视图层则靠 Cmd+0/1/2 与 Shift+1 在 100%、适应、选区与主组件之间切换,配合 Cmd+/ 搜索和 Cmd+Option+P 跑插件,把「找图层」和「装工具」的成本降到最低。

工具切换 10

V
移动工具
F
画框工具(Frame)
R
矩形工具
O
椭圆工具
L
线条工具
T
文本工具
P
钢笔工具
K
切片工具
H
抓手工具
Z
缩放工具

图层操作 10

Cmd+G
编组
Cmd+Shift+G
取消编组
Cmd+Option+G
创建组件
Cmd+Option+B
创建组件实例
Cmd+]
上移一层
Cmd+[
下移一层
Cmd+Shift+]
移到顶层
Cmd+Shift+[
移到底层
Cmd+Option+↑
向上移动 10px
Cmd+Option+↓
向下移动 10px

对齐与分布 8

Alt+A
左对齐
Alt+D
右对齐
Alt+W
顶对齐
Alt+S
底对齐
Alt+H
水平居中
Alt+V
垂直居中
Ctrl+Alt+H
水平等距分布
Ctrl+Alt+V
垂直等距分布

样式与属性 7

Cmd+T
变换(缩放/旋转)
Cmd+Shift+T
创建样式
Cmd+Option+S
应用样式
Cmd+Option+C
复制样式
Cmd+Option+V
粘贴样式
Cmd+Shift+R
调整尺寸
Cmd+Option+K
添加约束

视图与导航 8

Cmd+0
缩放至 100%
Cmd+1
缩放至适应
Cmd+2
缩放至选区
Shift+1
缩放至主组件
Space+拖拽
平移画布
Cmd+Option+\
显示/隐藏 UI
Cmd+Option+1
显示/隐藏图层面板
Cmd+Option+2
显示/隐藏属性面板

其他常用 7

Cmd+C / Cmd+V
复制粘贴
Cmd+D
复制并粘贴(原位)
Cmd+Shift+D
复制属性
Cmd+Shift+V
粘贴到选区
Cmd+Option+E
导出
Cmd+/
搜索
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+↑ / ↓向上 / 向下精确移动 10pxCmd+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. 1快速找到某个图层或命令

    Cmd+/

    输入图层层级路径或命令名,直接跳转;比在图层面板里逐层展开快得多。

  2. 2把散落的元素按区块收进结构里

    Cmd+G

    框选后编组,再双击进入组内编辑,改层级时不再需要先取消编组重编。

  3. 3把重复元素收成可复用组件

    Cmd+Option+G

    选中主图层创建组件,其他位置用 Cmd+Option+B 生成实例后再单独改。

  4. 4让一组元素间距完全一致

    Ctrl+Alt+H

    选中三个以上元素后执行,水平方向等距分布;纵向换 Ctrl+Alt+V。

  5. 5修正复制来的图层位置

    Cmd+Option+↓

    按 10px 步进微调,配合 Alt+A、Alt+H 等对齐快捷键快速归位。

  6. 6查看一个实例背后的主组件长什么样

    Shift+1

    缩放到主组件视图,确认组件本身的默认值与结构是否正确。

  7. 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日,内容持续校对官方文档。

联系我们

命令或描述有误?提交反馈、商务合作或产品建议都可发送邮件给我们。

联系我们