# Inserting animations
Preview a Lottie animation in Explore and insert it into a Figma scene.

After you find an animation in Explore, open its preview to inspect it before placing it on the canvas.

## How to access this

1. Open the LottieFiles plugin in Figma.
2. Open **Explore**.
3. Search or browse until you find an animation.
4. Click the animation card to open its preview.

## Preview before inserting

Use the preview view to check:

- The motion rhythm and loop.
- The visual style against your Figma scene.
- Whether the animation is free or Premium.
- Whether the asset should be saved to Workspace before use.

## Insert into the canvas

Click the insert action from the preview view. The plugin places the animation into the current Figma canvas so you can position it with the rest of the design.

## Motion tokens

If the animation includes motion tokens, the preview shows a Motion Tokens panel where you can view tokens, edit their values, save the current values as a new theme, and insert the animation with those values applied. See [Motion tokens](/en/integrations/figma/04_figma-to-lottie/motion-tokens) for the full workflow.

<Image src="https://assets.docs.lottiefiles.com/static/d496819696-640.webp" alt="Figma canvas with an inserted Lottie animation and the Explore preview panel open" caption="Preview an animation, then insert it into the Figma canvas" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/d496819696-640.webp 640w, https://assets.docs.lottiefiles.com/static/d496819696-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/d496819696-1920.webp 1920w" width="3840" height="2160" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAhElEQVR4nFWOsQrCMABE84uCqziLvyYOokltjRW6u4irk+AQWqU1aRILTwwiOBwHjwd3YpVpZF6yVvqXD1uoktFkhnA+YvtA+7RYa7mZBlM3eO8ZT+cIgOE1kFcnjKk5ni/E3v8LMUbuncM5RwiBa/tILAlbXaGKA0v53Ze71Jtsnz68AeKFhzF6pk4uAAAAAElFTkSuQmCC" />

If the animation is meant for production handoff, keep the source asset in Workspace or share the LottieFiles asset URL with the developer. A placed animation in Figma is useful for design composition, but the deployable file should still be exported as dotLottie or Lottie JSON for legacy compatibility.

## Related

- [Motion tokens](/en/integrations/figma/04_figma-to-lottie/motion-tokens)
- [Finding animations](/en/integrations/figma/02_explore/finding-animations)
- [Workspace](/en/integrations/figma/03_workspace)
- [Developer handoff](/en/integrations/figma/05_export-and-handoff/developer-handoff)