在 Adobe XD 中使用 Illustrator 资源

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

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

继续操作之前

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

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

将 Illustrator 资源导入 XD 的方法

当您的设计在 Illustrator 中准备就绪时，有一些方法可将其导入到 XD 中。  

在 XD 57 中，Adobe 改进了 XD 的色彩管理功能。当您将带有 sRGB 颜色配置文件的资源从 Illustrator 复制到带有 sRGB 颜色配置文件的 XD 文档中时，您会获得一致的颜色。如果 XD 文档采用非托管颜色配置文件，则您将看到一条消息，该消息提示您将颜色配置文件切换为 sRGB。

制作导入画板原型

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

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

使用 XD 进行共享和协作

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

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

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

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

视频：如何导入 Illustrator 设计？

“就像将 Photoshop 文件直接导入到 Adobe XD 一样，您也可以导入 Illustrator 文件。 这对于希望引入徽标、图标或任何其他元素以在其 UI 或 UX 项目中使用的设计师来说是完美的选择"Howard Pinsky，高级 XD Evangelist。 

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

常见问题解答

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

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

为什么我从 Illustrator 导出到 SVG 的设计图标在 XD 中看起来扭曲？

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

接下来学什么？

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

有反馈？ 我们洗耳恭听。