---
url: "/tinyimage/gif-layers.md"
description: "Select Figma layers as GIF animation frames and refresh the active frame set in TinyImage."
---

# Selecting and Refreshing GIF Layers

> Select Figma layers as GIF animation frames and refresh the active frame set in TinyImage.

### 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)

The GIF feature in TinyImage works by taking selected layers in your Figma page and using each layer as an individual frame in the animation.

## Selecting Layers to Use as Frames

[Video](/assets/videos/tinyimage/compress/gif-selection.mp4)

To get started creating a GIF:

1. Click **Create GIF** in the TinyImage header.
2. Select layers in your Figma page to use as animation frames.
3. Click **Use Selected Layers** to load them into the preview.

> **Note:** You can pre-select layers before clicking **Create GIF** and TinyImage will load them automatically.

## Refreshing Selected Layers

[Video](/assets/videos/tinyimage/compress/gif-refreshing.mp4)

If you want to replace the current frame set:

1. Select a new set of layers in Figma.
2. Click **Refresh** next to the **Selected Layers** label in the GIF toolbar.

TinyImage will reload the preview using the new selection.