Export Figma Motion animations

Review and export Figma Motion animations as GIF, APNG, Animated WebP, MP4, or WebM files with TinyImage.

Use Figma Motion Export in TinyImage's GIF tab when your animation is already built with Figma Motion. This workflow uses Figma's native animation renderer instead of rebuilding the animation from separate still frames.

Video Tutorial: Bulk export Figma Motion layers to GIF and MP4 video

This video shows how to bulk export Figma Motion animations as compressed GIFs or MP4 videos with TinyImage.

Select the Motion animation ​

In a Figma Design file, select either:

  • The top-level frame that contains the Motion animation.
  • Any animated layer inside that top-level frame.

Open TinyImage, select GIF, then select Figma Motion Export. TinyImage resolves nested selections to their containing top-level Motion frames and checks each detected animation in the export list.

Find Motion animations on the page ​

If the current selection does not contain a Motion animation, TinyImage automatically checks the current page and lists any Motion animations it finds in top-level frames. Use the checkboxes to choose one or more animations to export. All animations are checked by default, and the checkbox above the list selects or clears every frame.

TinyImage caches this list while the plugin remains on the same page. Select Rescan this page after adding a Motion animation or changing which frames contain animated layers. To find an animation on another page, switch to that Figma page first; TinyImage does not scan every page in the file.

Review the selected frames ​

TinyImage displays a static thumbnail beside every Motion frame in the export list. The frame icon jumps to that animation on the Figma canvas without changing which animations are checked for export.

These thumbnails help confirm the export list without rendering an animation, opening Figma's Video Export tab, or downloading a preview file.

Configure the export ​

Choose an output format from the menu beside the export button:

  • Animated GIF
  • Animated PNG (APNG)
  • Animated WebP
  • MP4 Video
  • WebM Video

Set the frame rate and output size. The same settings apply to every checked animation. The Size value is a scale, so frames can retain different pixel dimensions in the same bulk export. GIF, APNG, and Animated WebP also include a choice between continuous looping and playing once. MP4 and WebM include Low, Medium, and High quality presets instead.

For GIF exports, choose the compression that matches your output needs:

  • No compression leaves Figma's GIF unchanged unless you reduce the color count.
  • Lossless compression optimizes GIF frames and file structure without lossy pixel compression.
  • Balanced compression uses light lossy compression (level 40) for modest savings with a low risk of visible artefacts.
  • Strong compression uses more aggressive lossy compression (level 80), which can reduce size further but may introduce visible artefacts.
  • Maximum compression uses the most aggressive lossy compression (level 140) for the smallest likely file, with the highest risk of banding and artefacts.

Choose 256 colors to retain Figma's original colour limit, or reduce it to 128 colors, 64 colors, or 32 colors. Reducing the palette is separate from the compression preset, so a smaller palette can still change colours or add banding when Lossless compression is selected.

Enable Size Target and enter a maximum size in KB when the exported GIF must fit a hard upload limit. TinyImage automatically tests lossiness and 256-, 128-, 64-, and 32-colour palettes, then keeps the least aggressive tested result that fits. The manual compression and color-count controls are replaced by the target-size field while a target is active.

If none of the tested settings reaches the target, TinyImage prepares the smallest valid result it found and reports its size before download. Reducing the Motion export size, frame rate, or animation duration can reduce it further.

The default settings export Figma's native GIF unchanged. When extra compression is enabled, TinyImage only uses the optimized result if it is smaller than Figma's original file. If optimization fails or increases the file size, TinyImage safely exports the original GIF instead.

Figma limits Starter-plan Motion exports to 1920 × 1080 and 30 FPS. TinyImage first tries the requested export so paid-plan output is not reduced. If Figma rejects a request above that limit, TinyImage automatically retries from a temporary copy fitted within 1920 × 1080 and caps the retry at 30 FPS. The temporary copy is removed after rendering, and the original frame is not changed. A blue notification reports the exported dimensions and frame rate.

Figma renders GIF, MP4, and WebM files directly. For APNG and Animated WebP, TinyImage starts with Figma's native GIF render and converts it without another lossy compression pass. These converted formats retain the native GIF render's appearance, timing, transparency, and color palette.

Export the animations ​

Select Export GIF, Export APNG, Export WebP, Export MP4, or Export WebM. Figma may open or update its Video Export tab while it renders each animation.

When one animation is checked, TinyImage downloads that file directly. When more than one animation is checked, TinyImage renders them in list order and downloads one Figma Motion animations.zip archive. Each file uses its Figma frame name, and TinyImage adds a number when checked frames would otherwise create duplicate filenames.

Figma Motion and its plugin export API are currently in beta. If Figma rejects a render that is already within the Starter-plan limits, open the frame in Figma Motion, confirm that it still contains animated layers, then try the export again.

Saving file downloads from Figma If you're using the Figma desktop app, you'll see a prompt appear to download your file. However, if you're using Figma in a web browser, your file will automatically be downloaded to your computer by default (usually to the Downloads directory on your computer).