# Exporting prototype flows Export a Figma prototype flow as a Lottie animation with the LottieFiles plugin. Prototype Flow export uses a Figma prototype flow as the source for the animation. It is useful when the motion is already designed through connected frames and transitions. Connected Figma prototype frames with the LottieFiles plugin previewing a prototype flow export ## Before you start - Set a Figma prototype flow starting point. - Confirm the frames in the flow use supported features. - Keep layer structure consistent where transitions should interpolate. - Use **after delay** when you need timed automatic transitions. ## Steps 1. Set up the prototype flow in Figma. 2. Select the flow starting point or the relevant flow source. 3. Open the LottieFiles plugin. 4. Click **Animate**. 5. Preview the generated animation. 6. Export or save the animation. ## Prototype Flow vs Interactive State Machine Use Prototype Flow when you want the flow to become a timeline-style animation. Use Interactive State Machine when the final animation needs to keep user-driven interactions such as click, hover, or press. Interactive export requires `.lottie`. ## Related - [Timeline vs state machines](/en/integrations/figma/04_figma-to-lottie/timeline-vs-state-machines) - [Exporting interactive state machines](/en/integrations/figma/04_figma-to-lottie/exporting-interactive-state-machines) - [Choosing an output format](/en/integrations/figma/05_export-and-handoff/choosing-an-output-format)