Figma中文网 > 使用教程 > Figma怎么删除图层 Figma怎么释放蒙版
Figma怎么删除图层 Figma怎么释放蒙版
发布时间:2025/02/24 16:40:20

品牌型号:联想GeekPro 2020

系统:Windows 10 64位专业版

软件版本:Figma入门版

Figma的图层面板,可进行对象的选取、隐藏、锁定、分组等操作,让对象的管理变得更简单。除了管理功能外,图层面板还能将对象设置为蒙版使用,以构建局部显示的效果。本文会给大家演示Figma怎么删除图层,Figma怎么释放蒙版的相关内容,同时也会介绍Figma变体的相关知识。对以上内容感兴趣的小伙伴,可以认真做好笔记了!

一、Figma怎么删除图层

在画板中创建对象后,Figma会自动在左侧图层面板添加图层。如需删除图层,可在选中图层后,按下delete键删除。由于Figma的图层是与对象一一对应的,因此,删除图层也意味着删除对象。

选中图层
图1:选中图层

Figma删除对象后只能通过撤销来恢复对象,为了避免误删对象,更建议大家使用图层的隐藏功能来预览删除效果。如图2所示,右击目标图层,选择使用显示/隐藏的功能,就可以把图层隐藏起来。

隐藏图层
图2:隐藏图层

我们如果觉得图层隐藏后的效果不佳,需要重新显示图层,如图3所示,可以点击图层右侧的闭眼图标或使用右键快捷菜单中的显示图层功能。

图层隐藏状态
图3:图层隐藏状态

二、Figma怎么释放蒙版

通过Figma的图层管理功能,我们可以轻松将图形、文字等元素设置为蒙版。如果后续想调整蒙版的效果,要怎么释放Figma的蒙版?下面给大家介绍两种操作方法。

方法一、使用右键快捷菜单“移除蒙版”功能。如图4所示,在Figma左侧图层面板中右击蒙版图层,选择菜单中的“移除蒙版”选项,即可完成操作。

右键快捷菜单
图4:右键快捷菜单

2、使用设计面板中的“移除蒙版”功能。在Figma的画板中选择蒙版对象,然后在右侧的设计面板中,点击右上角的“移除蒙版”按钮,即可完成操作。

设计面板
图5:设计面板

三、Figma怎么创建变体

Figma变体是组件功能中的重要部分,是一种可以用于创建、管理、使用不同属性组件的功能。在设计交互动效时,常常会应用到变体的功能。比如,我们要设计按钮在按下、悬停等不同状态时的效果,可以通过创建组件变体的方式,快速绘制不同属性(如不同颜色,不同阴影效果等)的按钮用于交互动效的设计。

变体可以大大提高工作效率,特别是在处理大量相似组件元素时,能减少很多重复的工作。接下来,一起来看看Figma怎么创建变体。

1、框选所有目标对象后右击,在弹出的右键快捷菜单中点击创建组件功能。

创建组件
图6:创建组件

2、创建组件后,如图7所示,所选的对象都会添加到组件图层中,同时,所选对象的整体会添加一个紫色边框,并显示组件名称。

完成组件创建
图7:完成组件创建

‌3、完成组件的创建后,右击组件,如图8所示,依次点击组件母版-创建变体。

创建变体
图8:创建变体

5、创建变体后,如图9所示,紫色框内会新增一个与所选组件相同的图形。同时,在Figma右侧的设计面板中,会新增一个“属性”面板,该面板会记录创建的变体属性。

变体1
图9:变体1

5、接下来,我们可以对变体进行属性的更改。比如图10所示,将按钮的填充颜色调整为粉色,即可改变变体的属性。除此之外,还可以更改文字内容、添加描边、添加阴影等,让变体的属性与原组件存在差异。

同一个组件可以创建多个变体,创建后的变体同样会显示在设计面板的“属性”功能中。组件与变体均可作为整体应用到页面设计中。

调整变体属性
图10:调整变体属性

三、小结

以上就是关于Figma怎么删除图层,Figma怎么释放蒙版的相关内容。Figma删除图层的操作很简单,只需选中图层并按下delete键即可。但为了避免误删对象,建议使用图层的隐藏功能替代删除操作。使用Figma的隐藏功能,既可以查看删除图层的效果,又能通过显示图层的方法快速恢复对象。本文还介绍了创建变体的功能,可帮助快速构建交互动效,希望本文的内容会对大家有所帮助。

 

作者:泽洋

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