Creating animated GIFs from layers

Create animated GIFs from selected Figma layers with ordering, timing, and export settings.

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.

TinyImage includes a Create GIF feature which allows you to animate and export GIF files from selected Figma layers.

Get Started with Creating GIFs in Figma

Use the pages below to configure each part of your GIF creation workflow:

Select and Refresh GIF Frames

Select Figma layers to use as frames and refresh the frame set at any time

Order GIF Frames

Sort frames by custom order, layer order, rows, columns, or layer names

Configure GIF Timing and Playback

Control frame delays, loop counts, and preview playback interactions

Add GIF Frame Transitions

Apply and fine-tune fade, slide, and wipe transitions between frames

Set GIF Export Options

Configure dimensions, fit, quality, color palette handling, and dithering

Export and Download GIF Files

Render the final GIF and download it once processing is complete