首页 > 应用软件

Figma

2023-05-10 - 392

Figma是一款可在浏览器端在线设计协作工具,包括产品原型设计、交互设计、UI 设计,以及设计协作,包括设计共创、审核、交付。Figma 最初的目标是让“任何人都能够通过在浏览器中创建免费、简单、有创意的工具来发挥创意”。官网:https://www.figma.com/

功能WinMac
显示键盘快捷键Ctrl + Shift + ?Ctrl + Shift + ?
显示 / 隐藏侧边Ctrl + \Command + \
取色ICtrl + C
打开菜单搜索Ctrl + /Command + /
打开菜单搜索Ctrl + PCommand + P
复制 PNGCtrl + Shift + CCommand + Shift + C
保存 .fig 文件到本地Ctrl + Shift + SCommand + Shift + S
保存一个版本Ctrl + Alt + SCommand + Option + S
打开上次打开的插件Ctrl + Alt + PCommand + Option + P
为所选元素添加自动布局容器Shift + AShift + A
解除自动布局Shift + Alt + AShift + Option + A

工具

功能WinMac
移动工具VV
缩放工具(所有元素按比例缩放)KK
拖拽工具HH
Frame 工具FF
钢笔工具PP
铅笔工具Shift + PShift + P
文字工具TT
矩形工具RR
圆形工具OO
直线工具LL
箭头工具Shift + LShift + L
添加/显示评论CC
取色II
切片工具SS

视图

功能WinMac
标尺工具Shift + RShift + R
显示边框Ctrl + Shift + 3Command + YCtrl + Shift + 3
像素预览设置Ctrl + Alt + YCtrl + PCommand + Option + Y
显示 / 隐藏布局栅格Ctrl + Shift + 4Ctrl + GCtrl + Shift + 4
显示 / 隐藏像素栅格Ctrl + 'Command + '
显示 / 隐藏侧边Ctrl + \Command + \
显示 / 隐藏侧边Ctrl + .Command + .
显示 / 隐藏左侧边Alt + 1 2 4Command + Shift + \
显示协作者光标Ctrl + Alt + \Command + Option + \
左侧切换到图层面板Alt + 1Option + 1
左侧切换到组件面板Alt + 2Option + 2
打开团队库Alt + 3Option + 3
右侧切换到设计Alt + 8Option + 8
右侧切换到原型Alt + 9Option + 9
右侧切换到代码Alt + 0Option + 0
放大到框选区域按下 Z鼠标左键 拖拽按下 Z鼠标左键 拖拽
移动可视区域Z + ↑↓←→Z + ↑↓←→

缩放

功能WinMac
拖动画布Spacebar + 鼠标左键Spacebar + 鼠标左键
拖拽选框框选,然后按住 Spacebar 拖动框选,然后按住 Spacebar 拖动
放大++
缩小--
缩放至 100%Shift + 0Shift + 0
缩放至适应屏幕Shift + 1Shift + 1
缩放至所选项Shift + 2Shift + 2
放大至上一个 FrameShift + NShift + N
放大至下一个 FrameNN
上一页Page UpFn +
下一页Page DownFn +
找到上一个 FrameHomeFn +
找到下一个 FrameEndFn +

文字

功能WinMac
加粗Ctrl + BCommand + B
斜体Ctrl + ICommand + I
下划线Ctrl + UCommand + U
中划线Ctrl + Shift + XCommand + Shift + X
文字编辑状态下去除样式并粘贴文字Ctrl + Shift + VCommand + Shift + V
文字左对齐Ctrl + Alt + LCommand + Option + L
文字居中Ctrl + Alt + TCommand + Option + T
文字右对齐Ctrl + Alt + RCommand + Option + R
文字两端对齐Ctrl + Alt + JCommand + Option + J
减小字号Ctrl + Shift + <Command + Shift + <
增大字号Ctrl + Shift + >Command + Shift + >
减小字间距Alt + <Option + <
增大字间距Alt + >Option + >
减小行高Alt + Shift + <Option + Shift + <
增大行高Alt + Shift + >Option + Shift + >
添加链接Ctrl + KCommand + K
减小字重Command + Alt + <Command + Option + <
增大字重Command + Alt + >Command + Option + >

文字列表

功能WinMac
将这一行转为无符号列表样式输入 *、- 以后按 Spacebar输入 *、- 以后按 Spacebar
将这一行转为无符号列表样式Alt + 0/1/4/9 后按 SpacebarOption + 8按空格键
将这一行转为无符号列表样式-Command + Shift + 8
将这一行转为数字列表样式-Command + Shift + 7
向后缩进输入状态按 Tab输入状态按 Tab
向前缩进输入状态按 Shift + Tab输入状态按 Shift + Tab
撤回列表样式Ctrl + ZCommand + Z

形状

功能WinMac
钢笔PP
铅笔Shift + PShift + P
油漆桶BB
移除填充Alt + /Option + /
移除描边//
切换填充和描边颜色Shift + XShift + X
描边轮廓(Outline)Ctrl + Shift + OCommand + Shift + O
合并选择项Ctrl + ECommand + E
连接锚点Ctrl + JCommand + J
使用曲线连接锚点Ctrl + Shift + JCommand + Shift + J
删除锚点并闭合路径Shift + BackspaceShift + Delete

选择项

功能WinMac
全选Ctrl + ACommand + A
反选Ctrl + Shift + ACommand + Shift + A
取消选择项EscEsc
选中最里层Ctrl + 鼠标左键Command + 鼠标左键
显示图层菜单Ctrl + 鼠标右键Command + 鼠标右键
收起图层Alt + LOption + L
展开图层并进入子级EnterEnter
选中父级Shift + EnterShift + Enter
选中后面的相邻元素TabTab
选中前面的相邻元素Shift + TabShift + Tab
合并成组Ctrl + GCommand + G
取消成组Ctrl + Shift + GCommand + Shift + G
选择成 FrameCtrl + Alt + GCommand + Option + G
显示或隐藏选中项Ctrl + Shift + HCommand + Shift + H
锁定或解锁选中项Ctrl + Shift + LCommand + Shift + L

光标

功能WinMac
显示距离Alt + 鼠标 hoverAlt + 鼠标 hover
复制所选项Alt + 鼠标左键 拖动Alt + 鼠标左键 拖动
选中最里层Ctrl + 鼠标左键Command + 鼠标左键
显示图层菜单Ctrl + 鼠标右键Command + 鼠标右键
从中心缩放Alt + 拖动元素缩放Alt + 拖动元素缩放
成比例缩放Shift + 拖动元素缩放Shift + 拖动元素缩放
缩放时移动Spacebar + 拖动元素缩放Spacebar + 拖动元素缩放
保持内部元素不变Ctrl + 拖动 Frame 缩放Command + 拖动 Frame 缩放
光标聊天//

编辑

功能WinMac
复制Ctrl + CCommand + C
剪切Ctrl + XCommand + X
粘贴Ctrl + VCommand + V
粘贴以替换Ctrl + Alt + Shift + VCommand + Option + Shift + V
非文字编辑状态下,粘贴到所选图层上方Ctrl + Shift + VCommand + Shift + V
文字编辑状态下去除样式并粘贴文字Ctrl + Shift + VCommand + Shift + V
按一定位置追加复制Ctrl + DCommand + D
重命名所选项Ctrl + RCommand + R
导出Ctrl + Shift + ECommand + Shift + E
复制属性Ctrl + Alt + CCommand + Option + C
粘贴属性Ctrl + Alt + VCommand + Option + V
进入图片裁切模式Alt + 鼠标左键 双击Option + 鼠标左键 双击

变换形状

功能WinMac
水平翻转Shift + HShift + H
垂直翻转Shift + VShift + V
使用遮罩Ctrl + Alt + MCommand + Ctrl + M
编辑图形或形状EnterEnter
添加图片Ctrl + Shift + KCommand + Shift + K
裁切图片Alt + 鼠标左键 双击Alt + 鼠标左键 双击
设置透明度为 10%11
设置透明度为 50%55
设置透明度为 100%00

整理图层

功能WinMac
将所选项往前移Ctrl + ]Command + ]
将所选项往后移Ctrl + [Command + [
移到最前Ctrl + Shift + ]Command + Option + ]
移到最后Ctrl + Shift + [Command + Option + [
所选项左对齐Alt + AOption + A
所选项右对齐Alt + DOption + D
所选项顶部对齐Alt + WOption + W
所选项底部对齐Alt + SOption + S
水平居中对齐Alt + HOption + H
垂直居中对齐Alt + VOption + V
整理图层Ctrl + Alt + Shift + TCtrl + Option + T
水平均匀分布Ctrl + Alt + Shift + HCtrl + Option + H
垂直均匀分布Ctrl + Alt + Shift + VCtrl + Option + V

组件

功能WinMac
切换到组件面板Alt + 2Option + 2
将所选项转为组件Ctrl + Alt + KCommand + Option + K
解散组件Ctrl + Alt + BCommand + Option + B
打开团队库Ctrl + Alt + OCommand + Option + O
快速调用组件面板Shift + IShift + I

客户端

功能WinMac
隐藏 Figma 窗口Ctrl + HCommand + H
创建新文件Ctrl + NCommand + N
打开文件选择窗口Ctrl + OCommand + O
打开一个新窗口Ctrl + Shift + NCommand + Shift + N
恢复视图比例为 100%Ctrl + Alt + 0Command + Option + 0
缩小视图比例Ctrl + Alt + -Command + Option + -
增大视图比例Ctrl + Alt + +Command + Option + +
退出 FigmaCtrl + QCommand + Q