Creating WebM videos from layers

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

Export WebM videos from your Figma layers

This video walks through how to animate and export WebM videos from your design's layers directly from Figma using the TinyImage plugin.

TinyImage supports exporting animations as .webm videos using the same animation editor UI and workflow as the GIF exporter.

Using the same animation editor as GIF exports ​

The WebM 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 WebM format ​

Once your animation preview is ready:

  1. Open the export format dropdown in the animation toolbar.
  2. Select WebM Video.
  3. Click Export to render your .webm file.

After rendering finishes, TinyImage will automatically download the exported WebM 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).