Figma 中导出动画效果的完整指南362

Figma 是一款强大的设计工具，不仅用于创建静态界面，还用于制作生动的动画。Figma 的导出功能使您可以将动画导出为各种格式，以便与他人共享或在其他应用程序中使用。

导出 GIF

GIF（图形交换格式）是一种流行的格式，用于在网络上共享动画。要导出 GIF：1. 打开您的 Figma 文件。
2. 单击“文件”>“导出”>“动画到 GIF”。
3. 在“导出”面板中，调整以下设置：
- 帧率：动画每秒播放的帧数。更高的帧率会产生更流畅的动画。
- 宽度和高度：动画的像素尺寸。
- 循环次数：动画将循环播放的次数。
4. 单击“导出”按钮。

导出 MP4

MP4（MPEG-4 Part 14）是一种视频格式，在网络和设备上都得到广泛支持。要导出 MP4：1. 打开您的 Figma 文件。
2. 单击“文件”>“导出”>“动画到 MP4”。
3. 在“导出”面板中，调整以下设置：
- 帧率：动画每秒播放的帧数。
- 尺寸：动画的像素尺寸。
- 品质：动画的压缩级别。较高的品质会导致文件更大。
4. 单击“导出”按钮。

导出 JSON

JSON（JavaScript 对象表示法）是一种用于存储和传输数据的文本格式。Figma 可以将动画导出为 JSON 文件，以便在其他应用程序中使用。要导出 JSON：1. 打开您的 Figma 文件。
2. 单击“文件”>“导出”>“动画到 JSON”。
3. 在“导出”面板中，选择您要导出的帧范围。
4. 单击“导出”按钮。

导出 Lottie

Lottie 是一种 JSON 动画库，用于在移动和 Web 应用程序中创建流畅的动画。Figma 可以将动画导出为 Lottie 文件，以便在支持 Lottie 的应用程序中使用。要导出 Lottie：1. 打开您的 Figma 文件。
2. 单击“文件”>“导出”>“动画到 Lottie”。
3. 在“导出”面板中，选择您要导出的帧范围。
4. 选择“导出”选项：
- JSON：导出为 Lottie JSON 文件。
- Bodymovin：导出为 Bodymovin JSON 文件（Lottie 的扩展）。
5. 单击“导出”按钮。

其他导出选项

除了上面的格式外，Figma 还可以将动画导出为其他格式，包括：- PNG 序列
- SVG
- CSS

最佳实践* 导出为适合您预期用途的格式。例如，如果您要在网络上共享动画，则 GIF 是一个不错的选择。
* 优化导出设置以平衡文件大小和质量。
* 始终在导出前预览您的动画以确保其按预期工作。

2025-02-06

上一篇：Figma 中绘制定位图标的全面指南

下一篇：Figma 导入 AI 时尺寸不一致的原因及解决方法