← Back to TinyImage Video Tutorials

What this video covers

The video shows how to use the TinyImage Figma plugin to create and export animated GIFs from selected Figma layers. It also demonstrates adjusting timing, looping, size, image fit, transparency, background color, and dithering before exporting.

Things you'll need

• Figma
• The TinyImage Figma plugin

Steps

1. Install TinyImage from Figma community plugins if needed, then open it from Plugins > TinyImage Compressor.
2. Make sure the layers you want to animate have at least one export setting such as JPG, PNG, or SVG so they appear in TinyImage.
3. Select the image or SVG exports you want to use as frames, open the GIF tab, then choose the Create a GIF/MP4 subtab.
4. Adjust the GIF settings such as quality, time per frame, playback count, image fit, size, transparency, background color, and dithering.
5. Use Update Preview to refresh the animation and check the result.
6. When the preview looks right, click Export to GIF and save the animated file.
7. Repeat the process with different selected layers or settings if you want another GIF.

Useful links

• Watch the full video on YouTube
• Read the full video transcript
• Read: Creating animated GIFs from layers
• Next: Create animated GIFs
• Open TinyImage in the Figma Community