团队资源库 #

样式和组件仅保存在最初创建它们的文件中，要在文件和项目中重用样式和组件，可以将它们发布到团队资源库。

每次更新样式或主组件时，都可以将这些更改发布到团队资源库，这允许团队成员查看更改并更新受影响的对象或实例。

在本文中，我们将介绍：

  1. 发布组件和样式
  2. 接受更改
  3. 启用团队资源库
  4. 从库中删除文件和组件

有关构建和使用团队资源库的更多信息，请查看：Best practices: components, styles, and shared libraries (opens new window)。

复习知识

组件 Components 是可以复用使用的 UI 元素，可以在文件的资源面板找到它们。

在 使用组件和实例 一文中了解有关创建和使用组件的更多信息。

样式是可以应用于团队设计中的属性集，你可以使用样式定义颜色，文本，描边，背景颜色，图层效果和布局网格。 样式可以在属性面板中的相关属性旁找到。

在 应用样式 一文中了解有关使用样式的更多信息

发布组件和样式 #

样式和组件仅保存在最初创建它们的文件中。

如果要在其他文件和项目中使用，则需要将它们发布到团队库中。

你需要加入专业版团队才能访问和使用已发布的 组件。但是你可以在入门版团队中发布和使用 样式。

发布整个文件 #

如果你有一个包含要发布到团队库的样式或组件的文件，则可以从在发布弹窗中一次性发布它们。

在发布弹窗中你可以：

  • 添加文件说明，这将显示在文件的版本历史记录中。
  • 删除你不想发布的样式和组件。
  • 将样式和组件发布到团队库。

提示

如果你是组织的成员，还可以选择将库发布到整个组织。 在单击 Publish 之前，请选中 Allow any member of Organization to access this file 旁边的框。

你可以通过以下几种方式打开发布弹窗：

从文件名

如果在画布中未选择任何内容，则可以在工具栏中看到文件名：

  1. 单击文件名旁边的箭头：

  2. 从选项中选择 Publish Styles and Components：

从资源选项卡

你还可以从团队资源库弹窗发布样式和组件，可以从图层面板的资源选项卡打开。

  1. 单击图层面板中的 资源选项卡（Assets） 或使用键盘快捷键：

    • MacOS：Option + 2
    • Windows：Alt + 2

  2. 单击面板右侧的团队资源库图标：

  3. 在弹窗顶部你将看到当前文件，点击 Publish：

使用键盘快捷键

你可以使用以下键盘快捷键打开资源库弹窗：

  • MacOS：Option + 3
  • Windows：Alt + 3

然后你需要单击当前文件旁边的 Publish。

然后你可以在弹窗中完成接下来的过程，这允许你在发布之前查看样式和组件：

  1. 你可以在输入框添加更改说明：

  2. 要查看样式和组件，请单击 Styles & Components 标题旁边的箭头：

  3. 要从发布的文件中删除任何样式或组件，请右键单击样式/组件，然后选择 Remove from Library：

  4. 准备好后，点击 Publish 将文件发布到团队资源库。

  5. 成功发布后会弹出通知：

将更新发布到你的团队资源库 #

无论何时对已发布的样式或组件进行更改，都需要将该更改发布到团队资源库。

  1. 资源面板中的团队库图标上显示蓝点时表示你有待处理的更新：

  2. 你可以单击此图标打开团队资源库弹窗。

  3. 在当前文件右下角，你将看到发布更改的提示：

  4. 单击此按钮将打开发布弹窗，你可以在单击 Publish 之前添加说明并查看所有更改：

发布指定的样式和组件 #

你可以单独发布某些样式和组件：

  1. 单击图层面板中的资源选项卡或使用键盘快捷键：
  • MacOS：Option + 2
  • Windows：Alt + 2

  1. 任何尚未发布的组件都将显示在 Private to this File 部分中：

  2. 对于要添加到库中的任何组件，右键单击组件并选择 Add to Library：

  3. 成功发布后会弹出通知：

接受更改和更新 #

我们将通知你在当前文件中正在使用的组件或样式已被更改，这可以使你的设计保持最新状态。

屏幕右下角会显示通知。

同时资源面板中团队库图标上会显示蓝点。

你将在以下情况下收到通知：

  • 团队库中增加了新的组件或样式。
  • 正在使用的组件或样式有更新。

然后，你可以选择 查看更新（Review Updates） 或 忽略通知（Dismiss）。

注意

从团队库中删除组件或样式时，我们不会通知你。 你将能够继续使用被删除的样式或实例，但不会应用进一步的更新。

查看更新 #

你可以查看更新并将这些更改应用于你正在使用的实例或样式。

  1. 点击通知中的 Review：

  2. 或者单击资源面板中的团队库图标：

  3. 进入团队库弹窗中的 Updates 选项卡：

  4. 你将看到已更新的组件和样式列表，你可以单击每个选项旁边的 Update 以接受这些更改：

  5. 或者单击弹窗右下角的 Update all 按钮：

  6. 这些更改将应用于你正在使用的所有样式或实例。

忽略通知 #

你可以选择 Dismiss 以隐藏通知：

注意

  • 每次打开文件时都会提示你更新。
  • 即使你的实例不是最新的，它们仍然与主组件关联。
  • 你可以随时通过单击团队库图标接受对团队库的更改，图标的通知蓝点直到查看或接受更改后才会消失。

启用团队库 #

如果你是团队 Owner 或 Admin，则可以控制其他团队成员可以使用的库。

这允许团队成员在任何团队文件中访问共享样式和组件。

Figma 将你发布的资源库添加到每个团队文件的资源选项卡中。

  1. 前往团队页面。

  2. 在 Team Settings 部分中，单击 Enable Libraries 链接：

  3. 弹窗将显示包含样式或组件的文件列表。

    您可以看到文件名以及每个文件中包含的组件和样式的数量。

    单击文件名以查看包含的组件和样式的库：

  4. 你可以启用或禁用单个文件：

启用个人资源库 #

编辑者还可以在资源选项卡中启用其他资源库，任何可以访问该库的编辑者都可以启用此资源库。

  1. 单击资源面板中的团队库图标：

  2. 资源库弹窗中你可以查看可用库列表：

  3. 启用或禁用特定库：

  4. 单击 x 图标返回画布：

  5. 现在可以在资源选项卡中访问你已启用的资源库：

从团队资源库中删除文件和组件 #

有很多方法可以从团队库中删除或禁用样式、组件或整个文件。

在本节中，我们将介绍：

  • 删除样式
  • 删除组件
  • 从库中删除文件
  • 取消发布文件
  • 禁用团队库

删除样式 #

你可能需要从主文件中删除已发布的样式。

当你未选择任何内容时，你将在属性面板中看到所有本地样式：

  1. 在属性面板中找到样式

  2. 右键单击样式的名称，然后从选项中选择 Delete Style：

  3. 将更改发布到你的团队资源库。

提示

你可以从任何可访问团队资源库的文件中转到主样式，你可以从库中编辑或删除样式：

  1. 在画布中选择使用该样式的对象。

  2. 单击属性面板中的样式名称：

  3. 在弹出窗口中，单击 Edit 图标：

  4. 单击 Go to master style to edit 以打开主文件：

  5. 单击 < 箭头以查看本地样式列表：

  6. 右键单击列表中样式的名称，然后选择 Delete Style：

你还将看到 Move Master Style into this File 选项，这允许你将主样式移动到当前文件。

注意

移动样式会将其从原始文件中删除，如果重新发布原始文件，则不再包含样式。

删除组件 #

将更改发布到团队库时，可以选择删除组件。

你还可以通过主文件中的资源面板从团队库中删除组件。

  1. 打开组件所在的主文件。

  2. 转到图层边栏中的资源面板，找到您要删除的组件。

  3. 右键单击组件并选择 Remove from library：

  4. 这会将组件移动到资源面板中的 Private to this file 部分。

    提示

    右键单击组件并选择 Add to library，可以将组件添加回库中。

  5. 将更改发布到您的团队库。

提示

你可以从任何具有这些组件访问权限的文件中打开主组件的文件。 在画布中右键单击该组件的实例，然后选择 Go to Master Component。

从库中删除文件 #

如果您不再希望访问团队库中的特定文件，则可以将其删除。

禁用库只会从资源面板中隐藏这些组件，你还需要离开主组件所在文件。

  1. 打开主组件所在的文件。

  2. 单击 Share 以打开共享弹窗：

  3. 在协作者列表中找到你的名字。

  4. 单击你当前的访问权限，然后从选项中选择 Leave：

取消发布文件 #

如果你是文件所有者或创建者，你可能希望从团队库中删除你的文件，为此你需要取消发布文件。

注意

团队成员仍然可以使用未发布库中的实例，但他们将无法再发布或接收这些实例的更新。

  1. 打开要取消发布的文件。

  2. 单击图层面板中的资源选项卡或使用键盘快捷键：

    • MacOS：Option + 3
    • Windows：Alt + 3

  3. 单击当前文件旁边的箭头：

  4. 单击模式右下角的 Unpublish 按钮。

  5. 单击 Remove File from Library 以确认：

  6. 我们将从您的团队库中删除该文件，团队成员将无法再从此文件接收更新。

禁用团队库 #

如果您是团队所有者或管理员，则还可以为团队的所有成员禁用团队库。

这将阻止团队成员在资源面板中看到这些样式和组件，但这不会影响团队成员在特定文件上启用此库。

  1. 前往团队页面。

  2. 在 Team Settings 部分中，单击 Enable Libraries 链接：

  3. 使用文件名旁边的切换来禁用文件：

  4. 对要禁用的任何其他文件重复此操作。

  5. 单击 x 图标返回

常见问题 #

我可以在入门版团队中使用团队库么？

你可以在初学者团队中发布和使用样式。

在升级到专业团队之前，你将无法在跨文件中使用组件。

我在哪里可以找到团队资源库图标？

您现在可以在左侧边栏的资源面板中找到团队库图标，单击书籍图标以打开团队资源库面板：

或者使用键盘快捷键打开团队资源库：

  • MacOS：Option + 3
  • Windows：Alt + 3

如何为特定文件启用团队库？

你可以从资源库弹窗中为可以访问该文件中的每个人启用团队库。你可以通过单击资源面板中的团队库图标来打开资源库弹窗。

如何从团队库中删除文件？

禁用库只会从资源面板中隐藏这些组件，你还需要离开主组件所在文件。

我的某些组件或文件丢失或过期

你可以在资源面板的 Private to this file 部分中找到未发布的组件：

我可以在文件之间复制或移动主组件吗？

不可以，无法将主组件移动到新文件，移动组件会中断主组件与任何现有实例之间的连接。

将组件从一个文件复制到另一个文件将创建该组件的实例。 要使其成为主组件，你需要将该实例转换为组件，这将与原始主组件分开。

但是你可以在不中断连接的情况下在文件之间移动 样式。

创建样式