Inserting as GIF

Insert an exported animation back into the Figma canvas as a GIF for design context and review.

Insert as GIF when you want the animation visible inside the Figma scene for design review, prototypes, or stakeholder context.

When GIF insertion helps

  • You need motion visible in a Figma mockup.

  • The design review happens inside Figma.

  • The final production file will be handed off separately as dotLottie (preferred) or Lottie JSON for legacy compatibility.

Steps

  1. Generate the animation in Figma to Lottie.

  2. Preview the result.

  3. Choose Insert as GIF when available.

  4. Position the GIF in the Figma scene.

Figma canvas with an inserted GIF selected and the LottieFiles preview panel beside it
Inserted GIFs appear as editable Figma canvas objects for review context

Production note

A GIF is a raster preview format. It is useful in Figma, but it is not a substitute for a deployable .lottie or .json file.

Last updated: July 24, 2026 at 2:45 AMEdit this page
Previous

Saving to Workspace

Next

Downloading files