# Figma to Lottie controls
Reference the main controls used when animating and exporting a Figma scene with the LottieFiles plugin.

A reference for the main controls in the Figma to Lottie workflow.

<Image src="https://assets.docs.lottiefiles.com/static/b5c5eea909-640.webp" alt="Figma canvas with multiple selected frames and the LottieFiles Export panel open" caption="Figma to Lottie starts from the selected frame, frame sequence, or prototype flow" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/b5c5eea909-640.webp 640w, https://assets.docs.lottiefiles.com/static/b5c5eea909-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/b5c5eea909-1920.webp 1920w" width="3840" height="2160" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAdklEQVR4nGWOwQqCQAAF/cHufUD/l5dKUSHq7l0CQTBCF1nW1Vg1d8RECXowt4E3zvHk44W3P9xzwG5/wJGyQreCrm/5XV03qyBQ8oExFclTk4uGrOxIc7EISmni4sW7H7DWYj4wjCCVXoS54RJcv79+dN9YGyYAqIdTGvi4CgAAAABJRU5ErkJggg==" />

## How to access this

1. Select a frame, multiple frames, or a prototype flow in Figma.
2. Open the LottieFiles plugin.
3. Click **Animate**.

## Starting controls

- **Animate** - starts Figma to Lottie from the current canvas selection.
- **Method selection** - depends on whether the selection is a single frame, multiple frames, a prototype flow, or interactive prototype.
- **Preset selector** - appears for preset-based animation.

## Preview controls

- **Player preview** - shows the generated animation before export.
- **Playback controls** - play, pause, loop, or scrub when available.
- **Interactive preview** - appears for state-machine behavior when supported.

## Export controls

- **Output format** - choose Lottie JSON, dotLottie, GIF, MP4, WebM, or MOV where available.
- **Save to Workspace** - stores the result in your LottieFiles workspace.
- **Download** - downloads a local file.
- **Insert as GIF** - places an animated GIF back into the Figma canvas when available.

## Warning state

An orange warning during render or export means the selected Figma scene includes unsupported or risky features. Read the warning before retrying. See [Feature checking](/en/integrations/figma/06_feature-checking).

## Related

- [Choosing an animation method](/en/integrations/figma/04_figma-to-lottie/choosing-an-animation-method)
- [Choosing an output format](/en/integrations/figma/05_export-and-handoff/choosing-an-output-format)
- [Reading export warnings](/en/integrations/figma/06_feature-checking/reading-export-warnings)