品牌型号：联想GeekPro 2020

系统：Windows 10 64位专业版

软件版本：Figma入门版

通过Figma的创建组件功能，我们可以将几个图形组合在一起使用，并实现组合整体的编辑效果。而且，组件还可以在团队之间分享，让团队设计的图形风格趋向一致，起到统一风格的作用。对于重用率较高的图形组合，也可以将其创建为组件使用。那么，Figma怎么创建组件，Figma创建组件怎么取消？接下来，让我们一起来学习下。

一、Figma怎么创建组件

Figma的组件，简单来说，就是将各种元素图形组合在一起使用的标准件，可以在项目里面重复使用。比如，我们创建了一个按钮或表单样式，将其创建为组件后可应用在各个页面设计中。由于组件的这一特性，设计人员可通过组件快速完成图形的样式的设计，大大提高工作效率。下面给大家介绍一下Figma怎么创建组件。

1、先将需要创建组件的元素都选取上，可以通过鼠标圈选的方式快速选取所有对象。如图1所示，选取后的对象整体会出现一个蓝色的边框。

2、右击选取后的对象整体，点击“创建组件”功能。

3、创建组件后，如图3所示，蓝色边框会变成紫色，并出现组件的英文字样。同时，Figma左侧图层面板中，会出现一个组件图层组。所选取对象的图层均会自动纳入组件图层组中。

4、创建后的组件可通过右键快捷菜单中的“发布所选组件”功能分享到团队，供团队统一使用。

二、Figma创建组件怎么取消

Figma创建后的组件不能直接取消，需要通过转换为组件实例或应用插件的方法取消，下面给大家分别演示一下以上两种取消组件的方法。

方法一、将组件通过复制的方法转换为组件实例。

1、如图5所示，右击组件框，在弹出的右键快捷菜单中选择“复制”功能。

2、然后，在画板的合适位置右击，使用“粘贴到这里”选项。

粘贴后的组件虽然还是紫色框，但已经转换为组件实例，如图7所示，在Figma左侧图层面板可以看到，其前端的图标变成了“组件实例”图标。

‌3、将组件转换为组件实例后，右击组件实例，在右键快捷菜单中使用“分离实例”功能。

4、应用分离实例功能后，如图9所示，可以看到组件变成了画框（虽然名字仍是组件，但性质已经改变），同时其紫色框也变成了蓝色框。

方法二、使用Detach master插件。

1、如果觉得通过复制、粘贴的方式比较繁琐，可以直接用插件取消组件。如图10所示，展开Figma底部的资源搜索栏，输入“Detach master”关键字，搜索相关的插件资源。

2、Figma会根据输入的关键字搜索相关资源，我们可以选择评论数量比较多、赞比较多的插件安装使用，比如本例可以选择“Detach Component”插件。

3、点击并打开插件的介绍页面后，如图12所示，可查看插件的功能并安装使用。点击右下角的“运行”按钮，可立即安装并运行插件。

4、运行插件后，插件会自动在Figma中启动并应用功能。如果插件未自动开启，如图13所示，可以展开Figma右上角的菜单功能，在其插件选项中应用对应的插件。

4、在应用插件前，需先选中目标取消的组件。待插件启用后，插件就会自动取消所选组件，同时底部会出现“成功取消”的相关提示。

三、小结

以上就是关于Figma怎么创建组件，Figma创建组件怎么取消的相关内容。Figma可以将多个图形对象组合在一起，并创建为组件使用。组件还可以作为模板使用，如果要重复多次应用一些设计元素，可以将其制作为组件并分享给团队，以减少重复的劳动。如果要取消组件，可以使用本文介绍的两种方法。

作者：泽洋