---
url: "/tinyimage/gif.md"
description: "Create animated GIFs from selected Figma layers with ordering, timing, and export settings."
---

# 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.
[Embedded media](https://www.youtube.com/embed/FYlk5a69Ewc)
### 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.
[Embedded media](https://www.youtube.com/embed/GwfVWRAS1qk)

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](/tinyimage/gif-layers.md): Select Figma layers to use as frames and refresh the frame set at any time
  - [Order GIF Frames](/tinyimage/gif-ordering.md): Sort frames by custom order, layer order, rows, columns, or layer names
  - [Configure GIF Timing and Playback](/tinyimage/gif-timing.md): Control frame delays, loop counts, and preview playback interactions
  - [Add GIF Frame Transitions](/tinyimage/gif-transitions.md): Apply and fine-tune fade, slide, and wipe transitions between frames
  - [Set GIF Export Options](/tinyimage/gif-settings.md): Configure dimensions, fit, quality, color palette handling, and dithering
  - [Export and Download GIF Files](/tinyimage/gif-export.md): Render the final GIF and download it once processing is complete