方法1方法1/2：创建组件

1. 1用Figma打开你的项目。您可以从项目中的多个层创建一个组件，可以在Figma的其他地方重用。首先，打开你在Figma中的设计。“组件”是Figma所称的可重用资产，例如一组构成常用按钮的层。

2. 2点击图层面板。在左边的边栏里。所有框架、层和包含对象都在此面板上。

3. 3选择要包含在组件中的项目。要做到这一点，只需按住Control键（在PC上）或Shift键（在Mac上），同时单击要包含在组件中的层。例如，如果创建了一个由矩形和文本组成的菜单图标，请在“层”面板中选择所有这些元素。如果要使整个框架成为可重用资源，只需在“层”面板中选择该框架即可。

4. 4右键单击高亮显示的图层，然后选择“创建组件”。你也可以在Mac电脑上使用Option+Command+K，或在PC电脑上使用Control+Alt+K创建组件。Figma将把这些元素组合到名为组件1的图层面板中的一组嵌套图层中。组件及其包含的层将以紫色显示在“层”面板中。您仍然可以单独编辑图层，只需单击组件名称旁边的向下箭头即可展开其中的图层。如果要为每个选定层创建单独的组件，请单击Figma顶部由四个较小的菱形组成的菱形图标旁边的向下箭头，然后选择“创建多个组件”。

5. 5.重命名组件。要为组件指定描述性名称，请右键单击组件1并键入新名称，例如“菜单按钮/活动”或“菜单按钮/非活动”。该组件现在已重命名，并显示在“图层和资源”面板上。Figma建议与团队一起定义和记录组件的命名结构，以便在“资产”面板中轻松使用它们。在图层面板中选择组件时，您将在Figma的最右侧看到组件的名称和一些设置。使用“描述”字段向合作者清楚地解释此组件，并将文档链接粘贴到提供的字段（如果可用）。

6. 6.单击资产选项卡。它在左面板的顶部，就在图层旁边。这将切换到“资产”面板，在那里您将看到所有组件（可重用资产）。在此文件中创建的组件称为本地组件。每个组件都显示在其父框架的名称下。

方法2方法2/2：使用组件

1. 1浏览资产面板上的所有可重用组件。“资源”面板包含三个部分：本地组件：在此文件中创建的组件。在此文件中使用：此文件中的组件以及共享库中使用的组件。启用的库：可从共享库中使用的可用组件。

2. 2将零部件拖动到工作空间以将其插入。要重用“资源”面板中的任何组件，只需单击并将其拖动到希望其显示的位置。这将创建一个实例，它基本上是组件的副本。可以单独编辑实例，而无需修改原始零部件。实例在技术上不是资产，因为它们不能被重用，也不会出现在“资产”面板中。只有原始组件是可重用资产。实例出现在“层”面板中，前面有一个空心菱形图标，而组件有一个由四个较小的菱形组成的菱形图标。

3. 3探索共享库中的组件。如果要使用在其他设计中创建并与您共享的资源，可以在库模型中找到它：单击“资源”面板顶部的“打开书本”图标。要确保可以搜索列出的共享库之一，请打开该库的开关。现在，您可以在“资源”面板顶部的“搜索”字段中搜索共享组件，也可以通过展开“已启用的库”部分并查看可用内容进行浏览。

4. 4将资产发布到共享库。如果您创建了一个希望团队其他成员能够重用的组件，则可以轻松地将其发布到库中。方法如下：单击资产面板顶部的“打开书本”图标。单击“发布”按钮。为版本控制目的添加所做更改的说明。选中要发布的资产旁边的复选框。单击发布。如果修改共享组件（只是原始组件而不是实例），则需要再次将该组件发布到库中，以将更改传播给其他团队成员。

5. 5将组件导出为图像或PDF。如果你想在Figma之外共享你的组件，过程很简单：点击资产标签打开组件列表。选择要共享的组件。向下滚动至Figma右侧设计面板的底部。选择一种文件类型，可以选择PNG、JPG、SVG或PDF。如果要更改放大级别，请从菜单中选择除1x以外的其他选项。单击导出（资产名称）保存文件。