【UI设计】Figma_“全面”快捷键

Figma 是一个基于浏览器的协作式 UI 设计工具。Figma的快捷键操作说明

daisyr07

1406人浏览 · 2023-10-10 10:38:56

daisyr07 · 2023-10-10 10:38:56 发布

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