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.