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: How to create animated GIF files in Figma using TinyImage - The video shows how to use the TinyImage Figma plugin to create and export animated GIFs from selected Figma layers. It also demonstrates adjusting timing, looping, size, image fit, transparency, background color, and dithering before exporting.. Machine-readable page: /tinyimage/tutorials/how-to-create-animated-gif-files-in-figma-using-tinyimage.md.

How to create animated GIF files in Figma using TinyImage

The video shows how to use the TinyImage Figma plugin to create and export animated GIFs from selected Figma layers. It also demonstrates adjusting timing, looping, size, image fit, transparency, background color, and dithering before exporting.

← Back to TinyImage Video Tutorials

What this video covers

The video shows how to use the TinyImage Figma plugin to create and export animated GIFs from selected Figma layers. It also demonstrates adjusting timing, looping, size, image fit, transparency, background color, and dithering before exporting.

Things you'll need

  • Figma
  • The TinyImage Figma plugin

Steps

  1. Install TinyImage from Figma community plugins if needed, then open it from Plugins > TinyImage Compressor.
  2. Make sure the layers you want to animate have at least one export setting such as JPG, PNG, or SVG so they appear in TinyImage.
  3. Select the image or SVG exports you want to use as frames, then click Create GIF.
  4. Adjust the GIF settings such as quality, time per frame, playback count, image fit, size, transparency, background color, and dithering.
  5. Use Update Preview to refresh the animation and check the result.
  6. When the preview looks right, click Export to GIF and save the animated file.
  7. Repeat the process with different selected layers or settings if you want another GIF.

Useful links