Open the GIF workspace and select Create a GIF/MP4. The export settings appear alongside the selected frames and preview. GIF Editor keeps the controls for its loaded file in the editor workspace.
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.
Set Dimensions
By default, GIF dimensions match the first frame. You can override width and height manually.
Set Scale
Use the scale dropdown to export at scaled sizes (for example @2x or @0.5x).
Choose Image Fit
Choose between:
- Cover Images
- Contain Images (default)
Set Background Color
Set a solid background using a HEX color value.
If your input frames include transparency, enable Transparent Background when you need a transparent GIF.
Configure Compression and Quality
Use the quality slider (1-100) to control lossy compression.
Enable Lossless if you want GIF compression without quality loss.
Optimize to a target file size
Enable Size Target and enter the maximum size in KB when your ad platform, email system, or publishing workflow has a hard GIF file-size limit. TinyImage tests increasingly stronger lossiness and 256-, 128-, 64-, and 32-colour palettes, then uses the least aggressive tested result that fits within the target.
When Size Target is enabled, TinyImage replaces the manual Quality controls with the KB target and hides Lossless because it tunes those settings automatically. The same target is available in Create a GIF/MP4, GIF Editor, and Figma Motion Export. It applies only to animated GIF output, not APNG, Animated WebP, MP4, or WebM.
Some animations cannot reach a very small target without changing their dimensions, frame count, or timing. If none of the tested settings meets the limit, TinyImage exports the smallest valid result it found. Check the final file size before uploading it.
Configure Global Color Palette
Enable All frames have the same color palette to reuse frame-one palette across all frames.
Use this only when needed for artifact/banding fixes. It can cause color issues when later frames use colors not present in the first frame.
Choose Image Dithering
Choose a dithering algorithm from the Image Dithering dropdown.