Video Tutorial: Create animated GIFs

This video tutorial is a complete step-by-step guide showing you how to animate and export GIFs from your own designs directly from Figma using the TinyImage plugin.

Video Tutorial: Add transition effects to animated GIF exports in Figma

This video tutorial is a complete step-by-step guide showing you how to add fade/slide/wipe transition effects to animated GIF exports in Figma using the TinyImage plugin.

Set Dimensions

By default, GIF dimensions match the first frame. You can override width and height manually.

Set Scale

Use the scale dropdown to export at scaled sizes (for example @2x or @0.5x).

Choose Image Fit

Choose between:

• Cover Images
• Contain Images (default)

Set Background Color

Set a solid background using a HEX color value.

If your input frames include transparency, enable Transparent Background when you need a transparent GIF.

Configure Compression and Quality

Use the quality slider (1-100) to control lossy compression.

Enable Lossless if you want GIF compression without quality loss.

Configure Global Color Palette

Enable All frames have the same color palette to reuse frame-one palette across all frames.

Use this only when needed for artifact/banding fixes. It can cause color issues when later frames use colors not present in the first frame.

Choose Image Dithering

Choose a dithering algorithm from the Image Dithering dropdown.