# Exporting interactive state machines
Export supported Figma prototype interactions as an interactive dotLottie state machine.

Interactive export turns supported Figma prototype interactions into a dotLottie state machine. Use it when the animation needs to respond to user input in the final product.

<Image src="https://assets.docs.lottiefiles.com/static/e33273d1d1-640.webp" alt="Figma prototype frames with the LottieFiles plugin showing an interactive state machine export preview" caption="Interactive exports keep supported prototype triggers as dotLottie state-machine behavior" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/e33273d1d1-640.webp 640w, https://assets.docs.lottiefiles.com/static/e33273d1d1-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/e33273d1d1-1920.webp 1920w" width="1920" height="1080" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAhElEQVR4nD2OUQrCMBiDd0HfPYCXEwSHsM7RCUPPsTcV1HW2/LZru9JIOzGQl/CRpNhXDY7t+W/Wdqh5h5Sv1hsUN0F4ygn3gWCthTEG/VVgFHIB3oqgXcDw8QhzgHMO1s94iXEBlCIkxRihtc4QeY+H/DWUjKM5XbLTh7S/qzm2B5aBLwDxh4RzE1jAAAAAAElFTkSuQmCC" />

## Before you start

- Build a Figma prototype with supported interaction triggers.
- Use interactions such as click, hover, press, mouse enter, mouse leave, mouse down, mouse up, or after delay.
- Avoid unsupported actions such as back, close overlay, open overlay, swap overlay, scroll to, or URL actions when you need state-machine export.
- Plan to export as `.lottie`.

## Steps

1. Set up the prototype interactions in Figma.
2. Select the prototype flow or starting point.
3. Open the LottieFiles plugin.
4. Click **Animate**.
5. Preview the interactive behavior.
6. Export as **dotLottie (`.lottie`)**.

## Important format rule

State machines are dotLottie-only. If you export the same work as Lottie JSON, interactivity is removed along with themes and motion tokens.

## Handoff note

Tell developers that interactive exports need a dotLottie runtime rather than a plain Lottie runtime.

## Related

- [Timeline vs state machines](/en/integrations/figma/04_figma-to-lottie/timeline-vs-state-machines)
- [Player controls](/en/integrations/figma/08_runtime-compatibility/player-controls)
- [Developer handoff](/en/integrations/figma/05_export-and-handoff/developer-handoff)