Figma 无缝导入 XD：逐步指南191

Figma 和 Adobe XD 是设计界流行的设计软件。虽然这两款工具都有各自的优点，但有时您可能需要在两者之间转移设计文件。本文将提供一个分步指南，帮助您轻松地将 Figma 文件导入 XD 中，以便在您的项目上无缝协作。

第 1 步：将 Figma 文件导出为 SVG

打开要导入 XD 的 Figma 文件。点击“文件”>“导出”>“作为 SVG 导出”。选择适当的文件名和导出路径，然后单击“导出”。这将在您选择的文件夹中生成一个 SVG 文件。

第 2 步：在 XD 中创建新文档

启动 Adobe XD 并创建一个新文档。确保文档尺寸与 Figma 文件相匹配。您可以通过选择“文件”>“新建”并在“画板大小”部分输入所需的尺寸来创建新文档。

第 3 步：导入 SVG

转到新创建的 XD 文档，然后点击“文件”>“置入”。选择您在步骤 1 中导出的 SVG 文件，然后单击“打开”。SVG 将作为一个智能对象导入 XD 中。

第 4 步：取消组和调整

导入的 SVG 可能是一个组。要取消组，请右键单击它并选择“取消组合”。这将允许您访问设计中的各个图层。

您可能需要调整 SVG 的大小或位置以匹配 XD 画布。为此，选择 SVG 图层，然后使用“变换”面板（窗口 > 变换）调整其尺寸和位置。

第 5 步：编辑和导出

成功导入 SVG 后，您可以使用 XD 的各种工具对其进行编辑。文本图层可以编辑，形状可以重新绘制，并且可以添加新元素。如果您需要将最终设计导出为其他格式，例如 PNG 或 PDF，请转到“文件”>“导出”并选择所需的文件类型。

常见故障排除
SVG 导入不正确：确保您导出的 SVG 文件版本与 XD 兼容。推荐使用 SVG 1.1 或更高版本。
导入的 SVG 质量差：在 Figma 中导出 SVG 时，确保选择高分辨率。还检查 XD 中“导入选项”对话框中的“质量”设置。

遵循本指南，您可以轻松地将 Figma 文件导入 XD 中。这对于在不同设计软件之间协作或转换设计非常有用。通过无缝的导入过程，您可以在不同的设计工具之间无缝衔接您的工作流程，从而提高效率并创建出色的设计。

2024-11-28

上一篇：Figma：打造卓越设计效果的指南

下一篇：如何利用 Figma 虚化图片并创建渐变效果