Figma 中输出透明 PNG 图片的完整指南385

Figma 是一款流行的 UI/UX 设计工具，它允许用户创建具有透明度的图像。然而，将 Figma 图片导出为透明 PNG 可能是初学者面临的一个挑战。本指南将逐步介绍在 Figma 中导出透明 PNG 图片的详细过程。

第 1 步：准备您的图像在导出图片之前，确保其具有透明背景。要创建透明背景，请选择您要导出的图层，然后在“图层”面板中单击“背景色”旁边的颜色选择器。选择透明度为 0% 的白色或任何其他颜色。

第 2 步：打开导出菜单导出图片后，转到“文件”菜单并选择“导出”。这将打开导出对话框。在“导出”菜单中，确保选中“PNG”作为导出格式。

第 3 步：选择导出设置在“导出设置”部分，您需要配置一些设置以创建透明 PNG 图片。
* 背景颜色：选择“透明”。
* 尺寸：选择所需的图片尺寸。您可以选择“原始”以保持原始大小或输入自定义尺寸。
* 分辨率：选择所需的图片分辨率。默认分辨率为 72 dpi，但您可以根据需要选择更高的分辨率。

第 4 步：高级选项（可选）“高级选项”部分允许您进一步调整图片导出设置。
* 压缩：选择所需的图片压缩量。较高的压缩量会减小文件大小，但可能会降低图片质量。
* 透明度：确保“透明度”设置已启用，这将使图片背景透明。
* 导出页面：如果您导出的是多页文档，请选择要导出的特定页面。

第 5 步：导出图像配置所有设置后，单击“导出”按钮。Figma 将开始导出图片，该图片将输出为透明 PNG 文件。

导出提示：* 确保您使用的是 Figma 的最新版本，因为某些设置可能会根据版本而异。
* 导出透明 PNG 图片时不要使用模糊或渐变背景，因为它们会被视为不透明。
* 如果导出的图片具有不必要的白色边框，请确保在导出之前已删除多余的画布空间。
* 使用 Figma 库中的“Export selected”插件可以更轻松、更快速地导出选定的图层。
* 记住，导出的 PNG 图片的分辨率和质量会影响文件的大小和加载时间。
通过按照本指南中的步骤操作，您可以轻松地在 Figma 中创建和导出透明 PNG 图片。这些透明图片可在各种项目中使用，包括网站、应用程序、社交媒体和印刷材料。

2024-11-30

---

上一篇：如何在 Figma 中有效地选择切片

下一篇：让 Figma 背景动起来：终极指南