导出设计资源

您可以将资源（例如位图图像、图标和背景图案、文本和画板）从 XD 导出为 PNG、SVG、JPG 和 PDF 格式的文件。这些已导出的资源在 iOS、Android 或 Web 应用程序上的部署得到了优化。

如果在 macOS 上使用 XD，则还可将设计导入到第三方集成，如 Zeplin、Avocode、Sympli、Kite Compositor 和 Protopie。

• 批量导出：您可以通过“属性检查器”中的选项“添加导出标记”批量导出已标记的资源。如需将多个对象导出为一个资源，您必须在导出之前对这些对象进行编组。
• 已选资源：您可以选择和导出特定资源。
• 所有画板：您可以选择导出设计项目中的所有画板。
• After Effects：您可以选择要导出到 After Effects 的资源。

为图层添加导出标记

将已添加导出标记的图层作为资源包含在设计规范中。如需为资源添加导出标记，请选择画布上的任意图层，并选择以下任一选项：

• 在画布上右键单击该图层，然后从下拉菜单中选择“添加导出标记”。 
• 打开图层面板，并单击图层名称旁边的“添加导出标记”图标 。

将资源导出为不同的文件格式

资源是开发人员在网站中使用 HTML/CSS/JS 或在 iOS 和 Android 应用程序中使用 Swift 或 Java 等原生语言重新创建所设计的内容时所需的设计文件。

最常见的资源一般是可导出为以下这些格式的位图图像、图标和背景图案：PNG、SVG、PDF 和 JPG。

对于 XD 57 和更高版本，导出 JPG、PNG 和 PDF 资源时可保持一致的颜色呈现。为此，请将文档的颜色配置文件切换为 sRGB。如果您尝试从采用非托管的颜色配置文件的文档导出资源，则您将看到一条消息，该消息提醒您导出的资源中可能存在的颜色区别。有关更多信息，请参阅颜色管理。

导出为 PNG

选择一个通用或平台专属的导出大小，或设置自定义导出大小：

• 预设或自定义导出大小 - 选择预设导出大小之一：0.5 倍、1 倍、1.5 倍、2 倍、3 倍、4 倍。还可输入从 0.1 倍到 10 倍的自定义导出大小。
• Web - 资源将以 1 倍和 2 倍分辨率导出。
• iOS — 资源将以 1 倍、2 倍和 3 倍分辨率导出。
  
• Android - 为以下 Android 屏幕密度优化并导出设计资源：
  • ldpi — 低密度 (75%)
  • mdpi — 中等密度 (100%)
  • hdpi — 高密度 (150%)
  • xhdpi — 超高密度 (200%)
  • xxhdpi — 超超高密度 (300%)
  • xxxhdpi — 超超超高密度 (400%)

导出为 SVG

在将对象或画板导出为 SVG 时，您可以设置以下选项：

视觉样式：

• 演示文稿属性：对每个 SVG 标记上的每个单独样式属性使用单独的 XML 属性。在 Android Studio 中使用 SVG 资源需要使用此格式。
• 内部 CSS ：使用带 CSS 类的单个样式标记，并在具有相同样式的各个对象之间共享样式设置，从而生成较小的文件。

嵌入或链接的图像：

• 嵌入：位图图像将会编码到 SVG 文件中。
• 链接：位图图像将单独存储并引用 SVG 文件。

导出为 PDF

您可以通过以下方式将资源导出为 PDF：

• 单个 PDF 文件：您可以选择多个画板或资源，并将它们导出为单个 PDF 文件。
• 多个 PDF 文件：可选择多个画板或资源，然后将其分别导出为单独的 PDF 文件。其中为所选的每个资源或画板创建单独的 PDF 文件。

导出为 JPG

在将资源导出为 JPG 时，您可以设置以下选项：

质量：选择 20%、40%、60%、80% 或 100%。

导出大小：

• 预设或自定义导出大小 - 选择预设导出大小之一：0.5 倍、1 倍、1.5 倍、2 倍、3 倍、4 倍。还可输入从 0.1 倍到 10 倍的自定义导出大小。
• Web - 资源将以 1 倍和 2 倍分辨率导出。

其中并不将 JPG 转换为 PDF。光栅图像导入为图像，因此这些图像看似转换为 PDF。

将资源导出到第三方应用程序

您还可以将 XD 中的设计导入其他应用程序，例如 Zeplin、Avocode、Sympli、Kite Compositor 和 Protopie。

以下是 XD 在 macOS 上配合 Zeplin 执行的一个示例工作流：

疑难解答

导出资源时遇到问题？要修复与导出相关的问题，请参阅为什么无法在 Adobe XD 中导入或导出文件？

有疑问或想法？