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: Export Figma Motion animations - Review and export Figma Motion animations as GIF, APNG, Animated WebP, MP4, or WebM files with TinyImage.. Machine-readable page: /tinyimage/figma-motion.md.

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.

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 frame. If your selection includes more than one Motion frame, use the Motion frame menu to choose which one to export.

Find Motion animations on the page ​

If the current selection does not contain a Motion animation, the empty state automatically checks the current page and lists any Motion animations it finds in top-level frames. Select Use beside an animation to open its frame preview and export settings without first selecting the frame on the canvas.

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 frame ​

TinyImage automatically displays a static image of the selected Motion frame beside its primary export controls. This thumbnail helps confirm which frame will be exported without rendering the animation, opening Figma's Video Export tab, or downloading a preview file.

The animation is rendered only when you select Render GIF, Render APNG, Render WebP, Render MP4, or Render WebM.

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. 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:

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

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

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 requires a paid plan for Motion exports larger than 1920 × 1080 or above 30 FPS.

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.

Render and download the file ​

Select Render GIF, Render APNG, Render WebP, Render MP4, or Render WebM. Figma may open or update its Video Export tab while it renders the animation. When TinyImage finishes processing the returned file, the button changes to Download GIF, Download APNG, Download WebP, Download MP4, or Download WebM. Select it to choose where to save TinyImage's final file.

TinyImage keeps Figma's native render in memory while the current Motion export remains loaded. Changing only GIF compression, Max colours, or a converted output format reuses that render instead of asking Figma to render the animation again. Changing the Motion frame, frame rate, size, loop, or video quality requires a fresh render. Rescanning or leaving the Motion export also clears the previous render so edits made in Figma are included.

Figma Motion and its plugin export API are currently in beta. If Figma rejects a render, 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).