Creating animated WebP images from layers

Export animated WebP files from selected Figma layers using the same animation editor workflow as GIF exports in TinyImage.

Export animated WebP images from Figma

This video tutorial is a complete step-by-step guide showing you how to export animated WebP images from your design's layers directly from Figma using the TinyImage plugin.

TinyImage supports exporting animations as animated .webp files using the same animation editor UI and workflow as the GIF exporter.

Using the same animation editor as GIF exports ​

The animated WebP workflow uses the same frame selection, ordering, timing, transition, and preview controls as the GIF workflow.

To configure those shared controls, follow the GIF animation editor guide:

Exporting to animated WebP format ​

Once your animation preview is ready:

  1. Open the export format dropdown in the animation toolbar.
  2. Select Animated WebP.
  3. Click Export to render your animated .webp file.

After rendering finishes, TinyImage will automatically download the exported animated WebP file to your computer.

Saving file downloads from Figma If you're using the Figma desktop app, you'll see a prompt appear to download your file. However, if you're using Figma in a web browser, your file will automatically be downloaded to your computer by default (usually to the Downloads directory on your computer).