← 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

• Watch the full video on YouTube
• Read the full video transcript
• Read: Creating WebM videos from layers
• Next: Export animated PNG (APNG) images from Figma
• Open TinyImage in the Figma Community