Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Export WebM videos from your Figma layers - The video shows how to use the TinyImage Compressor Figma plugin to turn selected Figma layers into an animated export and save it as a WebM video. It also demonstrates how to reorder frames, adjust timing and export settings, then preview the WebM in a web browser.. Machine-readable page: /tinyimage/tutorials/export-webm-videos-from-your-figma-layers.md.

Export WebM videos from your Figma layers

The video shows how to use the TinyImage Compressor Figma plugin to turn selected Figma layers into an animated export and save it as a WebM video. It also demonstrates how to reorder frames, adjust timing and export settings, then preview the WebM in a web browser.

← Back to TinyImage Video Tutorials

What this video covers

The video shows how to use the TinyImage Compressor Figma plugin to turn selected Figma layers into an animated export and save it as a WebM video. It also demonstrates how to reorder frames, adjust timing and export settings, then preview the WebM in a web browser.

Things you'll need

  • Figma
  • The TinyImage Compressor plugin installed

Steps

  1. Install TinyImage Compressor from the Figma Community and open it from Plugins in your Figma file.
  2. Click "Create a GIF" and select the Figma layers you want to use as animation frames, then click "Use Selected Layers".
  3. Reorder the frames by dragging them or by using the sorting menu, such as visual order or layer name.
  4. Adjust playback settings such as frame delay, loop count, size or scale, background options, fit mode, image quality, and dithering.
  5. Click "Export WebM" to generate the video file and save it when prompted.
  6. Open the saved WebM file in a web browser to verify the animation playback.

Useful links