Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Selecting and Refreshing GIF Layers - Select Figma layers as GIF animation frames and refresh the active frame set in TinyImage.. Machine-readable page: /tinyimage/gif-layers.md.

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 walks through 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 walks through how to add fade/slide/wipe transition effects to animated GIF exports in Figma using the TinyImage plugin.

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 ​

To get started creating a GIF:

  1. Open the GIF tab and select Create a GIF/MP4.
  2. Select layers in your Figma page to use as animation frames.
  3. Click Use Selected Layers to load them into the preview.

You can pre-select layers before opening Create a GIF/MP4 and TinyImage will load them automatically.

Refreshing Selected Layers ​

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.