了解如何将设计资源从 Adobe XD 添加到 Creative Cloud 库中以及如何从其他 Creative Cloud 应用程序访问它们,或者反之。

利用 XD,您和您的团队可以轻松使用通过 Creative Cloud 库共享的资源。您可以从 XD 向 Creative Cloud Libraries 添加颜色、字符样式和组件,并直接在 Photoshop 和 Illustrator 等其他应用程序中使用它们。同样,您可以使用 Creative Cloud Libraries,将颜色、字符样式和图形从这些应用程序导入 XD。

要使用 Creative Cloud Libraries,请确保使用相同的 Adobe ID 登录所有 CC 应用程序。

将 XD 中的资源添加到 Creative Cloud Libraries

您可以将 XD 中的颜色、字符样式、组件和图形添加到 Creative Cloud Libraries。请按照以下步骤将这些资源添加到 CC Libraries:

cc-lib
单击“+”以添加颜色、字符样式或组件。

1. 在“设计”“原型”模式下,使用以下任一选项打开“CC Libraries”窗口:

  • 打开“资源”面板并单击“CC Libraries”图标
  • 在 macOS 上,选择“文件”>“打开 CC Libraries”。 在 Windows 上,单击汉堡菜单,然后选择“打开 CC Libraries”

2. 在“CC Libraries”窗口中单击“更多选项”() 并选择“新建资料库”。如果您要访问现有资料库,请从“资料库”下拉列表中选择资料库。

3.要将 XD 中的资源添加到 Creative Cloud Libraries,请执行以下操作:

  • 在画板上选择具有颜色、字符样式或组件的元素。
  • 单击“CC Libraries”窗口中的 + 图标,然后单击要添加的资源类型。此时将添加选定的资源类型,并在 CC Libraries 中显示为缩略图。

您的 Creative Cloud Libraries 资源会自动同步到云中,并可在其他 Adobe 应用程序中使用。例如,在 Photoshop 中,您可以转到 Creative Cloud 库并访问您的 XD 资源。

要与其他用户共享您的资料库,请在“CC Libraries”窗口中单击“更多选项”() >“协作”。有关与其他人共享资料库的更多信息,请参阅协作使用 Creative Cloud 库和文件夹

分组整理资料库资源

将资源添加到 Creative Cloud 库中之后,您可以创建分组以进一步排列资源,将相关资源放置在一起。例如,您可以将相关组件分组在一起,例如按钮、切换和模态,这可以更容易地发现资源。您也可以为混合资源类型创建分组,以便与您的品牌要求相符。使用分组来更有效地排列您的创意资源是一种好的做法。

在 XD 中使用来自 Creative Cloud 库的资源

您可以在 XD 项目中,使用 Creative Cloud Libraries 中的颜色、渐变、字符样式、图形和组件。 

应用颜色和字符样式

cc-lib
单击 + 键以添加颜色、字符样式。

1. 若要应用 CC Libraries 中的颜色或颜色笔触(边框),请在画板上选择一个元素,然后执行以下操作之一:

  • 单击您要从“CC Libraries”窗口应用的资料库颜色的缩略图。
  • 右键单击并选择“应用填充颜色”。为颜色笔触选择“应用笔触颜色”

2.若要应用字符样式,请在画板上选择文本元素,然后执行以下操作之一:

  • 单击 CC Libraries 中的字符样式。 
  • 右键单击并选择“应用字符样式”

请注意,您无法通过 XD 直接在 Creative Cloud Libraries 中编辑颜色或字符样式。

使用图形

cc-lib
使用 CC Libraries,从 Photoshop 或 Illustrator 在 XD 中添加图形。

您可以通过将图形从 Creative Cloud 库拖动到画板上,从而将图形引入 XD 项目。您可以编辑光栅图形(图像)和矢量图形。默认情况下,图像作为链接图像添加到画板。这意味着对资源所做的任何修改都会影响其所有链接的副本。 

您可以调整此图像的大小并在 Property Inspector 中编辑其属性,而不会影响原始图像。要进行进一步编辑而不影响原始图像,您需要取消其链接。 

要将 Creative Cloud 库中的图形作为未链接的资源引入,请在从“CC Libraries”中拖动图形的同时按 Alt(Windows 上)或 Option(Mac 上)。

要将图形从链接的资源更改为未链接的资源,请单击资源左上角的绿色链接图标。您还可以右键单击图像并从“属性检查器”中选择“取消图形链接”

编辑 Creative Cloud 库中的图形

  1. 要编辑 Creative Cloud Libraries 中的图形,请在 Creative Cloud Libraries 中右键单击该图形,然后选择“编辑”。栅格图形在 Photoshop 中打开,矢量图形在 Illustrator 中打开。
  2. 对图形进行更改并保存。图形会在 Creative Cloud Library 中更新,XD 的“Creative Cloud 库”面板中的缩略图会自动刷新。画板上的图像也会随着您的更改而刷新。

请注意,您无法编辑从 XD 添加到 Creative Cloud Libraries 中的图形或组件。

使用 XD 组件

您可以通过将组件从 Creative Cloud 库拖动到画板上,从而将画板引入 XD 项目。每次在您将组件从 CC Libraries 拖动到 XD 时均会将一个新主组件添加到画板,并显示在“资源”面板中。 

1. 从“资源”面板(单击图标 )打开“Creative Cloud 库”窗口。

2. 从 CC Libraries 中选择要使用的组件,然后将其拖动到画板。新的主组件添加到画板上并显示在“资源”面板中。请注意,此时组件实例未链接到源组件,因此您在 XD 中对该组件所做的任何更改都不会影响 Creative Cloud 库中的源组件。

限制

  • 组件可以具有多个状态。但是,将某一组件添加到 CC Libraries 中时,仅添加该组件的有效状态。

  • 组件实例未链接到 Creative Cloud Library 中的组件。因此,您在 XD 文档中对主组件所做的更改不会影响存储在 Creative Cloud 库中的组件。