This feature enables you to create interactive, multi-screen flows directly within Anima Playground. It’s available on Pro plans and above.

🔁 What It Does

• Import multiple screens from Figma
• Preview and iterate on complete user journeys
• Export production-ready code with navigation logic

🌍 From the web (Manual flow via Chat)

If you're uploading screens to dev.animaapp.com directly:

1. Upload multiple screens by pasting the Figma link(s):
   • If you paste a file or page link, we will let you select which screens to import.
   • You can also paste multiple frame links, and each will be imported as a separate screen.
2. Use the Playground chat to connect them.

Example prompt: Connect the 'Login' button to the Dashboard screen.

💡 Tips

• Clear layer and frame names improve AI accuracy (e.g. Home Screen, Next Button).
• You can edit or remove navigation at any time.

🎨 From the Figma Plugin (Auto Flow Detection)

If your Figma file includes Prototype links between screens:

1. Open the Anima plugin in Figma.
2. Select any screen that is part of the flow.
3. On the left side, you'll see the 'Screen included in export'. Select the ones you'd like to export.
4. Click "Open in Playground" or "Download selection".

Anima will automatically import the full flow, including linked screens.

📝 Notes:

• Screens must be connected in Figma's Prototype tab.
• Navigation logic is created based on those links.

Prompt Flows in Playground

Once all screens are imported into the Playground, you can prompt to add more functionality.

View connected screens from the FLOW tab or use the route dropdown to switch between them.