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.

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 Delay for All Frames ​

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

Override Delay per Frame ​

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

Set Play Count ​

To control loop count:

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

Enable Infinite if you want the GIF to loop forever.

Control Preview Playback ​

Preview controls let you:

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