# How to Add Interactive Designs Made in Spline into Figma (https://academy.spline.design/tutorials/how-to-add-interactive-designs-made-in-spline-into-figma)

> A video tutorial from the Spline Academy.

- Product: Spline 3D
- Level: beginner
- Duration: 6 min 34 s
- Published: 2024-06-20
- Video: https://www.youtube.com/watch?v=Woi5g8UHpC8
- Part of: [Export & Integration in Spline](https://academy.spline.design/collections/export-integration-in-spline.md)

## About this tutorial

In this tutorial, we'll start by showing you how to transform a 3D burger design made in Spline into an interactive experience. Then, we'll guide you on how to export and embed this scene into Figma using the Anima Plugin.
Check Spline: https://spline.design/
Download and learn more about the Anima plugin at https://www.animaapp.com/figma

🍔 Remix: https://app.spline.design/file/84edf867-cc15-4fd3-a379-d46b3de66750

👉 With Spline, you can not only embed 3D scenes into your projects but also generate native apps for iOS. Explore your 3D on the Apple VisionPro by exporting your designs to Spline Mirror for visionOS.

More information on this at https://spline.design/ios#app-generation

💖 Join our Community 👉 http://discord.gg/spline

## Chapters

- [0:00](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=0s) Intro
- [0:34](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=34s) Creating Interactive Animation in Spline
- [3:44](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=224s) Embedding 3D Design into Figma with Anima Plugin
- [5:50](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=350s) Generate native apps directly from Spline

## Related documentation

- [How state-based animation works](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Integrating with Figma](https://docs.spline.design/integrations/integrating-with-figma)