---
url: "/tinyimage/gif-timing.md"
description: "Configure frame delays, loop counts, and preview playback controls for animated GIF exports."
---

# GIF Timing and Playback Controls

> Configure frame delays, loop counts, and preview playback controls for animated GIF exports.

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

## Set Delay for All Frames

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

Use the **delay** slider to set frame delay in milliseconds for all frames.

## Override Delay per Frame

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

Use the delay number input under any frame thumbnail to override delay for that frame only.

## Set Play Count

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

To control loop count:

1. Disable the **Infinite** toggle.
2. Enter the number of play-throughs.

> **Note:** Enable **Infinite** if you want the GIF to loop forever.

## Control Preview Playback

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

Preview controls let you:

- Play/pause preview playback.
- Move to previous/next frame (when paused).
- Restart from frame one.