如何在 Figma 中导出 SVG 图像60

Figma 是一款强大的设计协作工具，可让您创建精美的图像和图形。它拥有广泛的功能，包括将您的设计导出为可缩放矢量图形 (SVG) 格式的能力。SVG 是一种基于 XML 的格式，可创建具有高分辨率和文件大小小的可缩放图形，非常适合 Web 和移动应用程序。

在本指南中，我们将逐步介绍如何在 Figma 中导出 SVG 图像。我们将介绍各种导出选项以及如何优化您的 SVG 以获得最佳质量。无论您是经验丰富的设计师还是刚入门，本指南都将帮助您轻松地从 Figma 导出 SVG。

导出 SVG 图像

要从 Figma 导出 SVG 图像，请按照以下步骤操作：1. 选择要导出的对象。使用选取工具单击要导出的图像或图形。
2. 转到“文件”菜单。按键盘上的 Control/Command + E 或单击屏幕顶部的“文件”菜单。
3. 选择“导出”。从下拉菜单中，选择“导出”。
4. 选择“SVG”格式。在“格式”下拉菜单中，选择“SVG”。
5. 配置导出选项。您可以根据需要配置各种导出选项，包括以下选项：
* 尺寸： 指定导出的图像的宽度和高度。
* 画板： 选择要导出的画板。
* 导出选中对象： 仅导出所选对象。
* 包括背景： 包括导出的图像的背景。
6. 单击“导出”。单击“导出”按钮以导出图像。

优化 SVG 图像

导出 SVG 图像后，您可以优化它以获得最佳质量。这里有一些提示：* 使用正确的导出设置。在导出 SVG 时，务必选择正确的设置。您需要选择“最佳”质量预设并确保选中“包括背景”选项。
* 删除不需要的元素。从 SVG 中删除任何不需要的元素，例如隐藏层或组。这将减少文件的大小并提高性能。
* 使用 SVG 优化工具。有许多在线工具可用于优化 SVG 文件。这些工具可以去除不必要的元素、压缩图像并生成更高质量的 SVG 代码。
* 测试您的 SVG。在将 SVG 用于 Web 或移动应用程序之前，务必对其进行测试。确保它在所有浏览器和设备上正确显示。

导出 SVG 图像是一个简单直接的过程 Figma。通过遵循本指南并优化您的 SVG，您可以创建高质量的图形，无论其用于 Web 还是移动应用程序。如果您还有其他问题，请随时在线联系 Figma 支持团队。

2025-01-02

上一篇：Figma 中删除历史文件：彻底清理工作区

下一篇：Figma取消组件创建：一步步指南