Figma中文网 > 使用教程 > Figma怎么合并图层 Figma怎么切图
Figma怎么合并图层 Figma怎么切图
发布时间:2025/02/24 16:30:07

品牌型号:神州Gxt8

系统:Windows 10

软件版本:Figma入门版

使用Figma制作复杂的UI设计稿时,会创建出大量图层。灵活编辑分类多个复杂图层可以保证图层条理清晰,降低编辑出错率。为了方便图层分类,需要进行图层合并或切图,那么具体该如何操作呢?这篇文章就告诉大家Figma怎么合并图层,Figma怎么切图。

一、Figma怎么合并图层

Figma合并图层可以将多个分散的图层合并为一个整体图层,二次编辑图层时选中一个图层即可,导出图层时也能够通过合并指定图层单独导出,操作步骤更加灵活。

合并图层需要使用拼合工具,如果需要合并单个图层内部的组合图层,直接使用拼合工具合并图层即可。如果需要合并多个单独图层,那么需要选中指定图层再进行合并,下面分别向大家演示一下操作方法。

1、合并组合图层

如图1所示,在Figma设计文件页面制作了图层一和改图层内部的蒙版图层,这形成了一个组合图层。

组合图层
图1:组合图层

想要合并这个组合图层,那么如图2所示,直接选中图层一,这样就选中整个组合图层了,这时点击鼠标右键,在功能框中点击“拼合”。

点击“拼合”
图2:点击“拼合”

拼合完成后,如图3所示,组合图层一就合并为一个单独图层了,可以将该图层整合导出或二次编辑。

合并组合图层
图3:合并组合图层

2、合并多个单独图层

如图4所示,图中的三个图层相对独立,每次只能选中其中图层进行编辑,无法同时编辑三个图层。想要合并多个图层来同步编辑图层,需要同时选中多个图层进行拼合。

多个单独图层
图4:多个单独图层

按住键盘Ctrl键后,依次点击需要合并的图层,同时选中多个图层,例如选中图层一、二、三,然后点击鼠标右键,在弹出的功能框中点击“拼合”,就能合并指定的多个单独图层了。

选中指定图层
图5:选中指定图层

图层合并后,如图6所示,多个图层合并为一个图层,选中该图层后就能进行整体编辑或导出了。

合并多个单独图层
图6:合并多个单独图层

二、Figma怎么切图

上文向大家演示了如何合并图层来整体编辑图层。其实,使用Figma中的切图功能也能快速切出多个图层中的特定内容进行局部导出,该功能适用于快速分类图稿局部细节,并且保证图稿细节无损。下面同样向大家演示一下如何使用Figma切图。

1、如图7所示,无需选中图层,直接在设计文件页面下方工具栏中点击第二项工具中的“切片”,这就是切图功能。

点击“切片”
图7:点击“切片”

2、规划好需要切出的局部图形范围,直接拖动鼠标在图形中画一个方框,这样局部切图就完成了。想要调整切图细节,可以在右侧切片功能区域细微修改位置数值,例如修改X和Y的数值。

完成切图
图8:完成切图

3、最后点击页面右侧导出功能中的“ Export slice 1”,就能将切图后的局部图形导出到电脑中了。

导出切图
图9:导出切图

三、小结

以上就是Figma怎么合并图层,Figma怎么切图的相关教程。在Figma中合并图层需要使用拼合工具来操作,多个图层合并后仅显示一个合并后的图层。在Figma中切图需要使用切片工具来操作,切图后可以直接导出所切的局部图形,感兴趣就按上文步骤试试吧!

 

读者也访问过这里:
135 2431 0251