在 Adobe XD 中使用 Illustrator 资源

Adobe XD 可与 Illustrator 配合使用，为您带来高保真矢量图稿，如徽标、图标或可在 XD 设计中使用的任何其他元素。导入的图稿在 XD 中会保持可编辑状态，这样您就可以缩短创建原型所需的时间。

阅读相关内容，了解将 Illustrator 中的资源导入 XD 的多种方式，以及与这些工作流程相关的最佳实践和限制。

虽然 Illustrator 和 XD 具有有助于保留图层和效果的互补功能集，但仍有一些功能没有一对一映射。在继续操作之前，请继续阅读以从支持的 Illustrator 功能
了解其详情。

为了确保在结合使用 XD 和 Illustrator 时获得顺畅的体验，我们正在改进互操作性工作流程。此外，如果您有任何建议或反馈，请在 UserVoice 上进行分享。

将 Illustrator 资源导入 XD 的方法

当设计在 Illustrator 中准备就绪后，您可以通过以下一些方法将其导入 XD。

对于 XD 57 和更高版本，当您将采用 sRGB 颜色配置文件的资源从 Illustrator 复制到采用 sRGB 颜色配置文件的 XD 文档中时，您将获得一致的颜色。如果 XD 文档采用非托管颜色配置文件，则您将看到一条消息，该消息提示您将颜色配置文件切换为 sRGB。

制作导入画板原型

将 Illustrator 设计导入 XD 后，我们来了解一下如何使用它们创建原型。

想要增强 XD 设计？应用 XD 特定功能，例如重复网格、状态、自动制作动画和语音原型制作。

使用 XD 进行共享和协作

您的原型已准备好进行共享了吗？

您是否会认为从 XD 共享设计解决方案后该方案会受到影响？答案是不会。

对于 XD 57 和更高版本，您可为利益相关者提供一致的颜色呈现。为此，请将文档的颜色配置文件切换为 sRGB。如果您尝试从采用非托管的颜色配置文件的文档共享所选的画板，则您将看到一条消息，该消息提醒您利益相关者可能经历的颜色区别。有关更多信息，请参阅颜色管理。

共享的设计经过优化，不会降低保真度，利益相关者的反馈可实时提供，并且开发人员可以下载共享资源和设计规范来编写代码。

视频：如何导入 Illustrator 设计？

“就像将 Photoshop 文件直接导入到 Adobe XD 一样，您也可以导入 Illustrator 文件。这非常适合希望导入徽标、图标或任何其他元素以用于其 UI 或 UX 项目的设计人员”- 资深 XD 宣讲师 Howard Pinsky。

如需了解更多有关将 Illustrator 设计导入 XD 的信息，请观看此 2 分钟视频。

常见问题解答

当我增大 SVG 的大小时如何修复元素之间的扭曲间距问题？

当 XD 将导入或粘贴的 SVG 相关对象视为单独的对象时，会发生扭曲。为了避免失真，请确保将“属性检查器”中的“响应式调整大小”选项设置为“关”。

为什么从 Illustrator 导出到 SVG 中的设计图标在 XD 中似乎发生了扭曲？

某些 Illustrator 功能与 XD 不兼容，它们将作为矢量进行传输或者根本不进行传输。与 Illustrator 相比，SVG 的功能有限，并且无法表示诸如自由渐变等特性。有关在 XD 中支持的 Illustrator 元素的更多信息，请参阅支持的 Illustrator 元素
。

接下来学什么？

我们已向您介绍如何开始使用 Illustrator 中的设计资源。请进一步了解如何创建交互式原型，并与设计人员或利益相关者分享这些原型，以便获取反馈。

有反馈？我们洗耳恭听。