Figma 动效导出：一步一步指南75

Figma 是一款功能强大的设计工具，可让您创建交互式原型和动效。导出这些动效以供进一步开发或展示至关重要。本指南将逐步介绍如何从 Figma 导出动效，涵盖从导出特定帧到创建 GIF 和视频文件的所有内容。

选择导出格式

在导出之前，您需要选择一种格式。Figma 提供以下选项：* 图像（PNG、JPEG）：导出单个帧或一组帧作为静态图像。
* GIF：导出一系列帧，创建动画 GIF。
* 视频（MP4）：导出动效序列为视频文件。
* 代码（JSON、Swift、React）：导出动效代码，以便在其他平台上使用。

导出特定帧

要导出单个帧，请执行以下步骤：1. 选择要导出的帧。
2. 右键单击并选择“导出”>“选择”。
3. 选择要导出的格式。

导出 GIF

要导出 GIF，请执行以下步骤：1. 确保动效以每秒 60 帧运行。
2. 选择要导出的帧范围。
3. 右键单击并选择“导出”>“GIF”。
4. 设置 GIF 的大小、循环和质量。

导出视频

要导出视频，请执行以下步骤：1. 确保动效以每秒 60 帧运行。
2. 右键单击并选择“导出”>“视频”。
3. 选择视频格式（MP4 H.264 或 MP4 HEVC）。
4. 设置视频的分辨率、帧速率和质量。

导出代码

要导出代码，请执行以下步骤：1. 选择要导出的动效。
2. 右键单击并选择“导出”>“代码”。
3. 选择要导出的代码类型（JSON、Swift、React）。

最佳实践* 优化文件大小：使用尽可能低的质量设置导出 GIF 和视频，以保持文件大小较小。
* 创建高质量的 GIF：保持帧速率高（每秒 60 帧）并优化 GIF 的调色板。
* 调整视频分辨率：根据需要导出视频，既要保证清晰度，又要保持文件大小较小。
* 使用代码导出：对于需要在不同平台上使用的复杂动效，使用代码导出非常有用。

2025-02-16

上一篇：Figma：如何更改画布外的颜色

下一篇：如何使用 Figma 批量变换多个图层