[!info] related notes

• 前置笔记:
• 相关 MOC: 设计工具 MOC
• 相关资源: figma

Figma 与 Penpot 快捷键分类对照速查

用途与适用范围

这是一份 Figma Design × Penpot Workspace 快捷键对照速查，按真实设计操作分组，重点服务组件库、UI 原型与大型画布。默认以 Windows / US QWERTY 为主；Penpot 在 Linux 通常采用同组键位；macOS 的大部分 Ctrl / Alt 分别改为 ⌘ / ⌥，但不能机械替换全部键。

[!important] 先以软件内快捷键面板为准

• Figma：Ctrl + Shift + ?，也可 Ctrl + K 搜索命令。
• Penpot：? 打开快捷键面板。
• — 表示本表没有确认对应的默认键位，不代表该软件没有该功能。
• Ctrl + A 表示同时按键；G → V 表示先按 G、松开、再按 V；“拖动/单击”指鼠标组合操作。
• 浏览器快捷键、输入法、键盘布局以及 Penpot 自托管版本可能改变行为。

先记住：最常用的操作

操作	Figma	Penpot
定位到选中图层	Shift + 2	Shift + 2；或双击左侧图层图标
画布适配全部内容	Shift + 1	Shift + 1
100% 缩放	Shift + 0	Shift + 0
平移画布	Space + 拖动	Space + 拖动
选择工具	V	V
新建 Frame / Board	F	B
矩形	R	R
文本	T	T
自动布局 / Flex	Shift + A	Shift + A
创建组件	Ctrl + Alt + K	Ctrl + K
组合	Ctrl + G	Ctrl + G
解除组合	Ctrl + Shift + G	Shift + G
打开快捷键表	Ctrl + Shift + ?	?

[!tip] 左侧图层列表选中但画布没有跳转？ 单击左侧图层通常只会选中，不会自动平移画布。先选中，再按 Shift + 2。在 Penpot 中还可直接双击图层名称前的图标快速居中。对大量分散组件（Button、Dialog、Input）尤其有效。

画布导航与缩放

操作	Figma	Penpot
放大 / 缩小	+ / -	+ / -
鼠标缩放	Ctrl + 滚轮	Ctrl + 滚轮
画布平移	Space + 拖动	Space + 拖动
缩放工具	Z	Z
缩小镜	—	Alt + Z
全部适配	Shift + 1	Shift + 1
定位选区	Shift + 2	Shift + 2
100%	Shift + 0	Shift + 0
显示/隐藏工作界面	Ctrl + \	\
标尺开关	Shift + R	Ctrl + Shift + R
选中下一/上一画框	N / Shift + N	—

画布定位工作流

1. Shift + 1 看整个文件的分布。
2. 左侧图层列表找到并选中目标组件。
3. Shift + 2 放大并居中。
4. Space + 拖动 在邻近对象间平移。

工具切换与形状绘制

工具/操作	Figma	Penpot
移动/选择	V	V
Frame / Board	F	B
矩形	R	R
椭圆	O	E
直线	L	L
钢笔 / 路径	P	P
文本	T	T
吸管	I	I
缩放/Scale 工具	K	K（含文本缩放模式）
评论	C	C
箭头	Shift + L	—
铅笔	Shift + P	—
曲线	—	Shift + C
插入图片	Ctrl + Shift + K	Shift + K
Section	Shift + S	—
Focus Mode	—	F
锁定宽高比例	右侧属性面板	Shift + L

图层选择、层级与定位

操作	Figma	Penpot
全选	Ctrl + A	Ctrl + A
取消选中	Esc	Esc
进入子层选择	Enter	Enter
选择父图层	Shift + Enter	Shift + Enter
同级图层下一项	Tab	Tab
同级图层上一项	Shift + Tab	Shift + Tab
图层面板范围选择	Shift + 单击	Shift + 单击
图层面板追加多选	Shift / Ctrl + 单击（依选择方式）	Ctrl + 单击
画布中深层选取	Ctrl + 单击	通过图层面板定位更可靠
左侧列表直接定位对象	选中后 Shift + 2	双击图层图标
重命名图层	Ctrl + R（批量重命名对话框）	Alt + N
显示/隐藏选中图层	Ctrl + Shift + H	Ctrl + Shift + H
锁定/解锁选中图层	Ctrl + Shift + L	Ctrl + Shift + L

Penpot 图层树额外支持：Alt + 单击展开箭头 展开整个子树，Shift + 单击展开箭头 折叠所有已展开层。

位置移动与 Z-order

操作	Figma	Penpot
微移	方向键	方向键
大步微移	Shift + 方向键	Shift + 方向键
向前一层	Ctrl + ]	Ctrl + ↑
向后一层	Ctrl + [	Ctrl + ↓
置于最顶层	]	Ctrl + Shift + ↑
置于最底层	[	Ctrl + Shift + ↓
水平翻转	Shift + H	Shift + H（见版本说明）
垂直翻转	Shift + V	Shift + V（见版本说明）

[!warning] Penpot 翻转键有官方文档与源码漂移 Penpot 帮助页一度写为 Ctrl + H / Ctrl + V；但 develop 分支的 shortcuts.cljs 注册为 Shift + H / Shift + V，且 Ctrl + H 已被注册为“查找并替换”。不要依赖旧版快捷键表，使用当前实例的 ? 面板核实。Figma 表内方括号位置按 US QWERTY 键盘列出。

编辑、复制、粘贴与撤销

操作	Figma	Penpot
撤销	Ctrl + Z	Ctrl + Z
重做	Ctrl + Shift + Z	Ctrl + Shift + Z
复制 / 剪切	Ctrl + C / Ctrl + X	同左
粘贴	Ctrl + V	Ctrl + V
原位复制	Ctrl + D	Ctrl + D
拖动复制	Alt + 拖动	Alt + 拖动
删除	Delete	Delete
复制属性	Ctrl + Alt + C	Ctrl + Alt + C
粘贴属性	Ctrl + Alt + V	Ctrl + Alt + V
粘贴覆盖选区（位置覆盖）	Ctrl + Shift + V	—
粘贴替换选中对象	Ctrl + Shift + R	Ctrl + Shift + V
查找图层	搜索/Actions 菜单	Ctrl + F
查找并替换	—	Ctrl + H
测量间距	Alt + 悬停	Alt 或 .
导出选中形状	Ctrl + Shift + E	Ctrl + Shift + E

注意“粘贴覆盖选区”不等于“粘贴替换”。 Figma Ctrl + Shift + V 与 Penpot Ctrl + Shift + V 的语义不同，跨软件操作时需要区分。

对齐、分布与响应式布局

对齐/分布

操作	Figma	Penpot
左对齐	Alt + A	Alt + A
右对齐	Alt + D	Alt + D
顶部对齐	Alt + W	Alt + W
底部对齐	Alt + S	Alt + S
水平居中	Alt + H	Alt + H
垂直居中	Alt + V	Alt + V
水平等距分布	Ctrl + Alt + H	Ctrl + Shift + Alt + H
垂直等距分布	Ctrl + Alt + V	Ctrl + Shift + Alt + V
智能整理 Tidy up	Ctrl + Alt + T	—
从选区创建 Frame / Board	Ctrl + Alt + G	Ctrl + Alt + G

Auto Layout / Flex / Grid

操作	Figma	Penpot
添加自动布局 / Flex	Shift + A	Shift + A
添加 Grid Layout	从右侧布局属性选择 Grid flow	Ctrl + Shift + A
移除自动布局	Alt + Shift + A	布局面板中移除
Suggest Auto Layout	Ctrl + Alt + Shift + A	—
拖动时联动相对两边 Padding	Alt + 拖动	以当前布局控件为准
拖动时联动全部四边 Padding	Alt + Shift + 拖动	以当前布局控件为准
Hug Contents	双击自动布局框对应边缘	从尺寸属性选择
Fill Container	Alt + 双击 对应边缘	从尺寸属性选择

概念区别： Figma Auto Layout 支持水平、垂直与 Grid flow；Penpot 明确使用 Flex Layout 与 Grid Layout 两类操作。快捷键相近，底层编辑模型与面板控件并不完全相同。

组件与 Design System

操作	Figma	Penpot
创建组件	Ctrl + Alt + K	Ctrl + K
添加/创建变体	组件面板操作	Ctrl + K（依据选择上下文）
解除组件实例	Ctrl + Alt + B	Ctrl + Shift + K
插入组件/资源	Shift + I（资源搜索）	Alt + I（Assets）
复制实例	Ctrl + D	Ctrl + D
查找命令	Ctrl + K	? 快捷键表或相关菜单

大型 Design System 建议区分：

• 主组件 / Main component： 原型及变体的可复用定义。
• 实例 / Instance： 引用主组件，在界面中复用且可设置覆盖。
• Detach： 解除实例与主组件关系，之后不会再继承组件定义的更新。
• Variables / Tokens / Modes： 是数据与主题层，不应通过复制大量明暗色画框来模拟模式切换。

布尔运算、矢量和路径

操作	Figma	Penpot
Union 联合	Ctrl + Alt + U	Ctrl + Alt + U
Subtract 相减	Ctrl + Alt + S	Ctrl + Alt + D
Intersect 交集	Ctrl + Alt + I	Ctrl + Alt + I
Exclude 排除	Ctrl + Alt + E	Ctrl + Alt + E
Mask 蒙版	Ctrl + Alt + M	Ctrl + M
Unmask	再次切换蒙版	Ctrl + Shift + M
Flatten 展平	Ctrl + E	—
Stroke to outline	Ctrl + Shift + O	—

Penpot 路径编辑模式中的附加操作：

操作	Penpot
新增节点	Shift + +
删除节点	Delete
连接节点	J
合并节点	Ctrl + J
分离节点	K
角点	X
曲线节点	C
移动节点	M
吸附节点	Ctrl + '

路径编辑快捷键依赖进入对应矢量/路径编辑模式，不是在普通图层选择状态下无条件生效。

文字排版

操作	Figma	Penpot
文本工具	T	T
加粗	Ctrl + B	Ctrl + B
斜体	Ctrl + I	Ctrl + I
下划线	Ctrl + U	Ctrl + U
删除线	Ctrl + Shift + X	Shift + Alt + 5
增大字号	以当前键盘布局面板为准	Ctrl + Shift + .
减小字号	以当前键盘布局面板为准	Ctrl + Shift + ,

Figma 对 < / > 等字符的快捷键会受键盘布局影响。中文输入法激活时，先退出文本输入状态，再触发画布工具键。

面板、网格、外观

操作	Figma	Penpot
Actions/命令搜索	Ctrl + K	—
图层面板	使用左侧 Layers Tab	Alt + L
Assets	左侧 Assets / 资源搜索	Alt + I
调色板	右侧填充/样式面板	Alt + P
字体/文本调色板	右侧 Text 面板	Alt + T
隐藏整个编辑界面	Ctrl + \	\
网格显示	使用网格/布局菜单	Ctrl + '
像素网格	Shift + '（US QWERTY）	Shift + ,
吸附网格	参考 Preferences	Ctrl + Shift + '
吸附参考线	参考 Preferences	Ctrl + Shift + G
动态对齐开关	参考 Preferences	Ctrl + \
深浅主题切换	Ctrl + K 搜索主题	Alt + M
不透明度	数字键 1–0（须启用相关设置）	1–0

数字键不透明度：1 = 10%、5 = 50%、0 = 100%。注意输入焦点在文字、数值输入框时，数字键不会按画布快捷键解释。

Figma 桌面端的 UI 缩放还可以用：Ctrl + Shift + Alt + = 放大、Ctrl + Shift + Alt + - 缩小、Ctrl + Shift + Alt + 0 重置；这改变编辑器界面大小而不是画布倍率。

原型预览与项目导航

操作	Figma	Penpot
打开原型/预览	工具栏 Present / Prototype	G → V
打开 Inspect	Dev Mode / Inspect	G → H
原型评论	原型评论界面	G → C
返回项目 Dashboard	返回文件列表	G → D（Workspace）
从预览返回 Workspace	返回编辑器	G → W
下一个画板（预览）	使用预览导航控件	→
上一个画板（预览）	使用预览导航控件	←
预览缩放方式切换	—	F
预览全屏	浏览器/预览全屏	Shift + F
Dashboard 打开共享库	—	G → L

G → V 是顺序按键，并非同时按 G+V。原型内部的交互事件（Click、Hover、After delay 等）属于设计文件的原型行为，而不是编辑器键盘快捷键。

两款软件最容易混淆的组合

键位	Figma	Penpot
F	Frame	Focus Mode
B	不作为 Frame 默认键	Board
O / E	O 为 Ellipse	E 为 Ellipse
Ctrl + K	Actions 搜索	创建组件
Ctrl + Shift + A	不作为创建 Grid 的默认键	Grid Layout
Shift + G	非解除组默认键	Ungroup
Ctrl + M	非创建蒙版默认键	Mask
Ctrl + Shift + V	Paste over selection	Paste to replace
Ctrl + Shift + C	Copy as PNG（在适用上下文）	隐藏/显示评论
Ctrl + Shift + H	图层可见性	图层可见性

操作不生效：四步排查

1. 确认焦点。 先单击画布或图层面板，退出文字编辑/输入框。
2. 确认上下文。 组件快捷键要有图层选区；路径快捷键需要进入路径编辑器；原型快捷键需要处于对应预览界面。
3. 确认键盘布局。 Figma 默认从 US QWERTY 映射，可在 Keyboard Layout 设置中切换；符号键（[、]、' 等）尤其易出现差异。
4. 确认版本/冲突。 浏览器、输入法、系统快捷键和插件可能抢占组合键；Penpot 自托管实例可能与在线帮助页、develop 源码不同。

推荐记忆顺序

1. 定位： Shift + 1 → 左侧选中图层 → Shift + 2 → Space + 拖动。
2. 布局： Alt + A/D/W/S/H/V 对齐 → Shift + A 自动布局 → 调整 gap/padding。
3. 组件： 先创建一个标准 Button，然后创建实例、复制和替换。
4. 图层： Enter / Shift + Enter 进出层级，Tab / Shift + Tab 切换同级。
5. 原型： 画完基础组件后，再用 Prototype / View Mode 验证交互，不把每个主题和弹窗状态都复制成大量静态页面。

学习检查

• 在左侧图层面板选中了画布外的组件，Figma 和 Penpot 分别如何快速定位？
• 为什么 Ctrl + K 在两款软件中不能混用？
• 为什么 Ctrl + Shift + V 在 Figma 和 Penpot 中会产生不同结果？
• 在 Penpot 的 Ctrl + H 与 Shift + H 说明冲突时，应该核对哪个信息源？
• 在大型组件库中，为什么要优先使用组件实例和主题 Token，而不是复制几十个静态状态页面？

官方参考与更新边界

以下是校核入口，记录于 2026-10-09。Figma 与 Penpot 持续迭代，快捷键必须以安装/部署版本为准。

• Figma：Use Figma products with a keyboard（快捷键面板）
• Figma：Adjust your zoom and view options
• Figma：Select keyboard layout
• Figma：Guide to auto layout
• Figma：Rename layers
• Figma：Copy and paste objects
• Figma：Create components
• Penpot：Shortcuts（Workspace / Dashboard / View）
• Penpot：开发分支 shortcuts.cljs（用于检查快捷键文档漂移；不是固定版本依据）