Figma Zero · 功能清单

面板上的每个按钮能做什么,外加全部快捷键。这一版能用的功能共 103 项。

快速选择(按类型挑图层)

文本

点击:选中组或画板内所有层级的文本图层

矩形

选中内部所有矩形,不包含形状图层或者复合形状

形状

选中内部所有形状图层包含复合形状,不包含矩形

位图

选中内部所有位图,即图片图层

组框

选中其内部的全部一级组或者框架,再次点击会选中全部的二级组或者框架

蒙版

选中内部所有蒙版层

组件

可以选中内部所有的组件

层1

可以选中每个组里面从上到下层级第2的图层

层2

可以选中每个组里面从上到下层级第3的图层

层3

可以选中每个组里面从上到下层级第4的图层

自动化一 标记组内对象间距并调整间距

x 间距 · 左侧不动

输入间距值,会给选定的组打上一个间距标记

x 间距 · 右侧不动

输入间距值,会给选定的组打上一个间距标记

y 间距 · 顶部不动

输入间距值,会给选定的组打上一个间距标记

y 间距 · 底部不动

输入间距值,会给选定的组打上一个间距标记

水平等距分布

组内图层会移动位置以保证水平等间距分布,组内最左边和最右边的图层保持不动…

垂直等距分布

组内图层会移动位置以保证垂直等间距分布,组内最上方和最下方的图层保持不动…

自动化二 标记并调整组内最底层的尺寸

标记和调整组内最底部图层的内边距

输入内边距值,按指定格式输入,会调整组内层级在最底部图层的尺寸…

自动化三 标记组内的对象的对齐方式

左右居中对齐

组内对象基于组内层级最底部图层左右居中对齐,且最底部图层保持不动…

上下居中对齐

组内对象基于组内层级最底部图层上下居中对齐,且最底部图层保持不动…

上下左右居中对齐

组内对象基于组内层级最底部图层上下左右居中对齐,且最底部图层保持不动…

左对齐

组内对象基于组内层级最底部图层左对齐,最底部图层保持不动…

右对齐

组内对象基于组内层级最底部图层右对齐,最底部图层保持不动…

上对齐

组内对象基于组内层级最底部图层上对齐,最底部图层保持不动…

下对齐

组内对象基于组内层级最底部图层下对齐,最底部图层保持不动…

基于最底部图层 · 左右居中

如果选中的对象在组内,点击后选中的对象会基于当前组内最底层图层来左右居中对齐…

基于最底部图层 · 上下居中

如果选中的对象在组内,点击后选中的对象会基于当前组内最底层图层来上下居中对齐…

基于最底部图层 · 中心对齐

如果选中的对象在组内,点击后选中的对象会基于当前组内最底层图层来上下左右居中对齐…

自动化四 标记组内对象与最底部图层的内边距

内边距 · 左上

输入内边距值,例如10,则选中的图层会基于组内最底部的图层调整位置…

内边距 · 上

输入内边距值,例如10,则选中的图层会基于组内最底部的图层调整位置…

内边距 · 右上

输入内边距值,例如10,则选中的图层会基于组内最底部的图层调整位置…

内边距 · 左

输入内边距值,例如10,则选中的图层会基于组内最底部的图层调整位置…

内边距 · 四角(选 4 个图层)

组内最底部要有一个基准图层,点击后输入内边距值,例如10…

内边距 · 右

输入内边距值,例如10,则选中的图层会基于组内最底部的图层调整位置…

内边距 · 左下

输入内边距值,例如10,则选中的图层会基于组内最底部的图层调整位置…

内边距 · 下

输入内边距值,例如10,则选中的图层会基于组内最底部的图层调整位置…

内边距 · 右下

输入内边距值,例如10,则选中的图层会基于组内最底部的图层调整位置…

常用工具(A 组)

轮廓蒙版

把它设成轮廓蒙版(矢量蒙版):只认这个对象的轮廓形状,跟它的填充、不透明度无关

透明度蒙版

把它设成透明度蒙版(alpha 蒙版):按这个对象每个像素的不透明度决定上面的内容露…

OCR截图填字 O

点击按钮或按 O:选择文本图层或带文本图层的组…

滑杆缩放 S

弹出滑杆缩放窗口

OCR填字一行

框选屏幕上要识别的区域,识别到的文字会去掉换行连成一行再填进去 —— 给那种一句话被…

拷贝属性到剪贴板

获取该图层的详细属性并复制到剪贴板

解析渐变色

弹出解析渐变色窗口:递归找出里面所有带渐变的图层,一个图层一栏,默认摆得下两栏…

渐变预设

打开渐变预设面板

重置组的旋转翻转

(暂无说明)

SVG图标导入器

弹出 SVG 图标导入器窗口

每两个编组

每两个中心点距离最近的图层编组到一起

每三个编组

每3个中心点距离最近的图层编组到一起

选中图层导出SVG

将图层导出为 SVG 格式

批量修改文本内容 A + 1

此功能实现了Figma文本图层的批量编辑,支持添加前后缀(可数字递增递减)…

批量修改图层或画板名称 A + 2

此功能实现了Figma图层、组或画板名称的批量编辑…

删除已隐藏的效果 A + 3

矩形的尺寸可不相同,点击后矩形位置按照从左到右顺序,每个矩形的高度逐个递减…

批量拼合形状图层 A + 4

矩形的尺寸可不相同,点击后矩形位置按照从左到右顺序,每个矩形的高度逐个递增…

拆分文本图层 A + 5

按换行拆成一行一个文本图层,每行保持原来的视觉位置,文本属性和样式不变

生成色阶图 A + 6

输入一个色值(或先选中一个纯色图层,点面板里的吸取选中)…

批量旋转复制 A + 7

(暂无说明)

图像描摹 A + 8

把图里不透明区域的外形描成矢量,放到位图的下一层,填充色 #1E9EFF…

绘制与填充(B 组)

绘制正弦线 B + 1

弹出窗口,在选中图层上方绘制一条正弦曲线(默认白色)

导出原型预览HTML B + 2

一键导出当前文件的交互原型预览 HTML

顺序填入数字-均匀性 B + 3

此功能是文本图层依次填入数字,选中包含数字的图层或者组,点击后按照指定格式输入

顺序填入数字-随机性 B + 4

此功能是文本图层依次填入数字,选中包含数字的图层或者组,点击后按照指定格式输入

粘贴到组内或选中的文本层 B + 5

粘贴并替换(纯快捷键操作),走系统剪贴板,跨页面、跨文件都能用

绘制修剪圆弧 B + 6

以这个图层的中心点为圆心,画一段可修剪的圆弧(快捷键 alt + A

粘贴并替换-弹窗选择 B + 7

拷贝(command+c / x)一个或者多个对象到剪贴板里面,可以从外部拷贝内容…

粘贴并替换-基于选择上下中心 B + 8

拷贝(command+c)一个或者多个对象到剪贴板里面,可以从外部拷贝内容…

样式与批量处理(C 组)

批量互换样式 C + 1

点击此按钮,会遍历两个组内的所有图层(含嵌套子层),按图层顺序依次一一对应互换样式…

拷贝描边样式 C + 2

点击此按钮会记录该图层的所有描边样式(描边颜色、宽度、位置、端点、连接、虚线…

创建横向矩形阵列 C + 3

此功能用于创建矩形栅格阵列,选中图层或者画板,点击此按钮…

组内对象沿y轴随机分布 C + 4

按指定规则输入位移量,执行后组内每个对象随机沿Y轴位移一定的距离

组内的纯形状执行联集并选中 C + 5

此功能用于iconfont图标批量处理,选中多个组,每个组里面有形状图层…

组内对象去除所有小数点 C + 6

图层和所在组里面所有对象的位置和大小里面含有的小数点全部去除变成整数

文本改内容或加前后缀功能 C + 7

可以批量改文本内容,或者批量给文本图层内容添加前缀或者后缀,按照指定的格式输入

查找替换文本功能 C + 8

此功能用于批量替换文本图层里面的内容,选中多个文本图层或者选中包含文本图层的组…

层级与命名(D 组)

选中组内同名图层 D + 1

点击此按钮,会弹出列表列出对象里面所有的同名图层,而且会列出相同图层名称的出现次数…

依据位置来排序层级 D + 2

此功能对组内对象的层级进行排序,依据图层X位置…

组内子对象基于y排序层级 D + 3

此功能对组内对象的层级进行排序,依据图层Y位置…

组内元素基于中心点创建折线 D + 4

此功能用于创建折线图,选择一个组,比如组里面有多个圆形,点击按钮后…

从选择对象新建多画板 D + 5

选择多个图层或者组,点击后从选择对象新建多个画板,每个选中的对象对应一个画板…

图层或画板改名称或前后缀 D + 7

点击此按钮,可以给图层或者画板批量改名或者批量添加前后缀,按照提示的输入格式输入

图层或画板名称查找替换 D + 8

此功能用于图层名称或者画板名称进行批量替换或者删除,选中图层或者画板,点击此按钮后…

颜色 · 文本 · 编组(E 组)

调整渐变色值且透明度不变 E + 1

(暂无说明)

选中对象内蒙版目标层是否取消 E + 2

(暂无说明)

添加描边色与填充色一致 E + 3

点击此按钮后,每个形状图层会创建边框色…

文本里中英文标点互换 E + 4

可以把文本图层里面的标点符号转换成英文符号,或者转换成中文符号

等x值纵向图层序列-左到右替换 E + 5

每列图层数量一致且每列图层尽量保持在一条垂直竖线上,比如左边的一列有5个图层…

等y值横向图层序列-上到下替换 E + 6

每行图层数量一致且每行图层尽量保持在一条水平横线上,比如上方第一行有5个图层…

图标标准化 E + 7

自动做四件事:把画框全部转成组…

蒙版 · 文本 · 整体操作(F 组)

在组内底部创建矩形轮廓蒙版 F + 1

点击此按钮会在每个组的最底部创建轮廓蒙版,输入1会以组的尺寸创建蒙版…

在组内底部创建矩形透明度蒙版 F + 2

点击此按钮会在每个组的最底部创建透明度蒙版,输入1会以组的尺寸创建蒙版…

在组内底部创建透明矩形 F + 3

点击此按钮会在每个组的最底部创建透明矩形,输入1会以组的尺寸创建矩形…

选中文本去掉换行 F + 4

如果文本里面有很多换行,点击此按钮会去掉换行符,文本变成一行

提取文本内容到剪贴板 F + 5

点击此按钮会把文本图层内容提取到剪贴板,然后你可以粘贴到别处

选中对象更新为标准色 F + 6

点击此按钮,选中对象里面所有的颜色都会自动更新为最近似的你定义的标准色

※ 文档中的字体进行替换 ※

如果没有选中任何图层,执行后会列出文档内所有的字体,可以进行批量替换文档内的字体

※ AI 批量改字(保持原字体) ※

给 AI 用的批量改字通道

※ 画板全部变图片 ※

(暂无说明)

※ 图层替换位图(4x) ※

点击此按钮,会临时把每个对象的透明度恢复为100%、混合模式恢复为正常

※ 创建色彩体系画板 ※

点击此按钮,会在当前文档里面创建一个色彩体系画板

※ 显示功能快捷键和说明书 ※

点击此按钮,会在当前文档里面添加说明书以及快捷键说明的图片

※ VectorNetwork测试(生成测试形状) ※

(暂无说明)

※ 修复Sketch转换的路径(一键) ※

(暂无说明)

※ 自动裁剪画板 ※

(暂无说明)

※ 快捷键说明书 ※

点击:在浏览器里打开快捷键说明书(www.sjfls6.com)…

快捷键

分两类:全局快捷键由本机的 FocusServer 接住,软件在最前台就生效,鼠标在哪儿都行; 其余是插件面板快捷键,得把鼠标停在插件面板上、面板拿到焦点,键才会落进来。

全局快捷键(不用把鼠标放到插件面板上)全局 · 软件前台即可

这几个键由本机的 FigmaFocusServer 在系统层面接住,只要 Figma 在最前台就生效 —— 鼠标在画布上、在图层面板里都行。只监听不拦截,Figma 自己的同名快捷键照常触发。需要 FocusServer 在运行。想换成别的键:点菜单栏那个「F」图标 →「自定义快捷键…」,改完存盘 3 秒内生效。

⌘ + C 记录相对位置

画布上复制的同时,记下这个对象和它下层图层的相对位置,之后 alt + V 就按这个偏移贴。详见「粘贴并替换」那一组。

空格 + V 给选中对象制作导出项

按住空格再按 V。选中什么就给什么挂一个导出项(PNG 1x),文本图层也照挂,不看内部结构、不递归。要按结构自动找该切的图,用 shift + 鼠标右键那个。

双击 V 清理导出项

连按两下 V(400 毫秒内)。把选中的组 / 画框里所有导出项清干净,含它自己。切图切乱了、想重来一遍时用。

按编号点按钮(字母 + 数字)需要鼠标停在插件面板上

面板上那些前面带编号的按钮(A1、B2、C5…),编号本身就是它的快捷键:按住字母不放,再按对应的数字。按住字母的时候面板底部会弹一条提示,告诉你这个字母下面有哪几个编号,同一系列的按钮也会描上边。编号是从按钮文本上现读的,以后新加的按钮只要名字前面带编号,快捷键自动就有。

A + 5 按编号触发按钮

按住 A 不放再按 5,等于点了「A5 拆分文本图层」。其他编号同理:B + 2 是「B2 导出原型预览HTML」,C + 1 是「C1 批量互换样式」。

5 + A 反着按也认

先按住数字再按字母,效果一样,两只手怎么顺手怎么来。

shift / alt + 字母 + 数字 带修饰键触发

shift、alt 会原样传给按钮,等同于 shift+点击、alt+点击那一档功能。

A、D、E、F 单独按 原来的单键功能没变

这几个字母原本就有单键功能,现在改成松手那一刻才执行 —— 按下去先等一等,看后面跟没跟数字:跟了就走编号,没跟就照原来的功能执行。快按快放几乎察觉不到差别。

粘贴并替换(C / V 系列)需要鼠标停在插件面板上

用 Figma 自己的 command + C(或 command + X)复制要粘的东西,再把鼠标移到插件面板上、选中一个或多个目标对象按 V 系列的键贴过去。走的是系统剪贴板,所以跨页面、跨文件都能用,剪切的内容也一样能贴。按 V 的那一刻插件会请本机的 FigmaFocusServer 代按一次 command + V 把内容粘进当前文档,用完这份中转对象会自动删掉。

command + C / command + X 复制或剪切要粘的对象

Figma 原生的复制/剪切,插件不拦截。复制完切到别的文件、别的页面都行,剪贴板里的内容就是后面 V 要贴的东西。

command + C 顺带记下相对位置(给 alt + V 用)

在画布上按 command + C 时,插件还会记下这个对象和「它下面那一层图层」(图层面板里紧挨着它下面、没被一起选中的那个,通常就是底板)的相对位置,按左上角偏移记,画布左下角会闪一句「已记录」。之后选中别的对象按 alt + V,就贴到相同的相对位置上。需要 FocusServer 在运行;记录跨页面、跨文件都还在。

V 粘贴并替换

把剪贴板里的对象贴到每个选中目标的中心点位置,并删除目标对象。可以连续按,每次都重新从剪贴板取。

shift + V 只粘贴不替换

同样贴到每个目标的中心点位置,但目标对象保留,新图层叠在目标的上面一层。

alt + V 按记录的相对位置粘贴

不贴中心,按 command + C 那一下记下的偏移摆:选中一批目标,剪贴板里的内容贴到每个目标的相同相对位置上(当初 A 贴在底板右上角,现在就贴到每个目标的右上角)。目标对象保留,新图层叠在目标上面一层;还没记过会提示先复制一次。

快速选择需要鼠标停在插件面板上

按结构选,不看图层名称。只要几组对象的层级结构长得一样,就能一次把「同一个位置」上的对象全挑出来。

F 结构同级快速选择

选中一个对象后按 F,自动找出和它处于同一层级、同一结构位置的所有对象并一起选中。判定只看层级结构、不看图层名:先看自己的兄弟里有没有结构相同的,没有就往上一层,在各个同结构的分组里取相同位置的对象(例如每组里的那个画框),一直找到有同伴为止。文本、矢量这类没有子级的图层会跳过「自己的兄弟」这一层,免得把同一个组里不相干的另一段文字也选进来。另外每一层容器的子对象数量必须一致才算同结构,数量对不上的组不会被选中。锁定的图层(自己被锁、或者所在的组被锁)一律跳过,不会进选区。

F(连按) 扩大选择范围

按 F 选中之后不动选区再按一次 F,会在上一次结果的基础上继续往上扩一层范围,直到页面顶层。

shift + F 按种类选中同级别对象

不看结构位置,只看种类:在同一层级范围里,把和选中对象同一种类的对象全选出来 —— 文本对文本、矢量对矢量、位图对位图(贴了图的矩形算位图)、组对组、画框对画框。先在自己的兄弟里找,这一层没有同类就往上扩一层,拿上层每个同类容器里同样深度的对象来比。选区不动再按一次会继续往外扩一层。

alt + F 按样式选中同级别对象

范围和 shift + F 一样,判定改成样式完全一致才选:填充、描边(颜色 / 粗细 / 对齐 / 虚线)、效果、圆角、不透明度、混合模式、绑定的样式都要一样;文本还要字体、字号、行高、字距和对齐都对得上。选区不动再按一次同样往外扩一层。

图层清理需要鼠标停在插件面板上

F9 清除选区内的隐藏图层

删掉所选范围内所有隐藏(眼睛关掉)的图层。

shift + F9 解锁组内图层

把组里被锁定的图层全部解锁。

ctrl + F9 删除冗余分组

把只有一个子级、没有实际意义的多余组打散掉。

command/ctrl + alt + F9 解组

把所选的组解开(打散一层)。

标注需要鼠标停在插件面板上

F11 清除标记

清掉当前选区里的标注。

shift + F11 清除全部标记

清掉当前页面里的所有标注。

其他常用需要鼠标停在插件面板上

F3 Figma 转 Sketch 函数序列

一键跑一串转换前的处理函数。

shift + F3 关闭自动布局

把所选对象上的自动布局(Auto Layout)关掉。

O OCR 截图填字

框选屏幕区域识别,按位置把识别到的文字填进选中的文本图层。

shift + O OCR 逐个填字

每次识别只填一个图层,按位置从上到下依次进行,Esc 结束。

alt + O OCR 分类填字

先把文本图层和识别结果都分成「名称 / 数值 / 单位」三类,再各类内部按位置匹配 —— 数字只会落进数字图层、单位只会落进单位图层,数据卡片那种排版不容易串行。

alt + A 绘制修剪圆弧

选中一个图层,以它的中心点为圆心画一段可修剪的圆弧 —— 半径、描边粗细、修剪度数(从正上方顺时针剪)、旋转角度、边数(圆或正 3~24 边形)、颜色都能拖着调,画布上实时跟着变;勾「扇形」就连回圆心闭合成实心扇形。和 Sketch 版插件是同一个功能(那边的键是 ⌘+O,Figma 里这个键被「打开文件」占着,所以挪到了 alt + A)。

B 记录宽高

选中一个对象按 B,记下它的宽高(记在插件里,换页面、换文件都还在,关掉插件才清空)。

shift + B 应用记下的宽高

记录之后选中若干对象按 shift + B,把它们的宽高一次全改成记下的那个尺寸。对象留在原地(以各自左上角为锚点缩放);直线、自动布局管着的子项、实例内部的图层改不动,会在通知里报数。

ctrl + B 位图适应下层蒙版尺寸

选中位图(或任意图层),按住 ctrl 按 B:它会等比放大到完全盖住紧邻下方那个图层 —— 通常就是给它当蒙版的形状 —— 并与之中心对齐,下层图层本身不动。和 Sketch 版插件是同一个功能,键位也一样。

S 滑杆缩放

基于中心点用滑杆缩放所选对象。

alt + S 批量互换样式

同主面板的「C1 批量互换样式」:把选中对象之间的样式对调。

M 批量移动路径点

批量移动形状图层的路径点坐标。

T 记录画面位置

把当前这一屏的位置和缩放记下来(记在插件里,换页面、换文件都还在)。画布大、内容多的时候,翻走之前先按一下,回来用 alt + 鼠标右键。

alt + 鼠标右键 回到记录的位置

鼠标停在插件面板上,按住 alt 点右键:画面跳回按 T 记下的那一屏,缩放级别也一起还原。记录点在别的页面时会自动切过去。找东西时手本来就在鼠标上,不用够键盘。

alt + P 两个对象互换

选中两个对象,按各自的中心点互换位置,图层面板里的层级也一并对调;两个对象不在同一个组里也能换(会连父容器一起换过去)。父容器开了自动布局时只换层级。

E 间距标记滑杆

把选中对象里外所有的间距标记翻出来,每一种标记值出一条滑杆,拖着就能改。

+ / - 调色(HSB)

打开/调整色相等 HSB 参数。

shift + 鼠标右键 自动制作导出项(自动切图)

鼠标停在插件面板上,按住 shift 点右键。选中画板或组:先把内部已有的导出项全清掉,再自动往里找该切的图 —— 跟文本同级的图层各切一个,同级的组里没有文本就整组切一个、有文本就再往里找,文本本身不切。选中普通图层、或者组里根本没有文本,就直接给选中项切图。格式是 PNG 1x / @2x / @3x 加一份 SVG。

插件面板操作需要鼠标停在插件面板上

鼠标右键 更新布局

鼠标停在插件面板上点一下右键,把当前画板内所有间距、内边距、对齐、分布标记重新跑一遍。以前是鼠标一移进面板就自动跑,画板大的时候每蹭一下都要重算一遍,太费 —— 改成手动点一下才更新。面板上的「右键点击更新布局」按钮可以整个关掉它。

空格 重复上一次操作

再执行一次刚才点过的那个按钮/功能。

↑ / ↓ 面板翻页

上下翻插件面板的按钮列表。

command + alt + O 快捷键说明书

在浏览器里打开在线版说明书,也就是你正在看的这一页。等同于点面板底部的「※ 快捷键说明书 ※」按钮。

F4 开关按钮提示气泡

把鼠标停在按钮上 1.2 秒弹出的那个说明气泡开/关掉,设置会记住。