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: Create animated GIFs - This tutorial shows how to export animated GIFs from Figma using the TinyImage Figma plugin. It covers installing the plugin, selecting layers as frames, adjusting playback and export settings, and saving the finished GIF.. Machine-readable page: /tinyimage/tutorials/create-animated-gifs.md.

Create animated GIFs

This tutorial shows how to export animated GIFs from Figma using the TinyImage Figma plugin. It covers installing the plugin, selecting layers as frames, adjusting playback and export settings, and saving the finished GIF.

← Back to TinyImage Video Tutorials

What this video covers

This tutorial shows how to export animated GIFs from Figma using the TinyImage Figma plugin. It covers installing the plugin, selecting layers as frames, adjusting playback and export settings, and saving the finished GIF.

Things you'll need

  • Figma
  • TinyImage Figma plugin

Steps

  1. Install the TinyImage Figma plugin from the Figma Community by searching for "TinyImage" and clicking "Install" under the "Plugins" tab.
  2. In your Figma file, run the plugin from right-click > "Plugins" > "TinyImage Compressor".
  3. Click "Create a GIF", then select the layers you want to use as frames and click "Use Selected Layers".
  4. Adjust the GIF preview and settings, including frame order, playback speed, individual frame timing, looping, sizing, scaling, background color, transparency, image quality, and dithering.
  5. When the preview looks right, click "Export GIF".
  6. Save the exported GIF to your computer.

Useful links