How to Add Interactive Designs Made in Spline into Figma

How to Add Interactive Designs Made in Spline into Figma

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

#interactive#designs#made#spline#into#figma#3d#anima#anima plugin#figma plugin#ui#ux#prototype#3d design#pro#prototyping#app#app design#developer#tutorial#mobile#tutorial-interaction

What you'll learn

  • 0:00Intro
  • 0:34Creating Interactive Animation in Spline
  • 3:44Embedding 3D Design into Figma with Anima Plugin
  • 5:50Generate native apps directly from Spline

Related resources

Overview

Spline 3D
6min
Beginner
Similar Tutorials
Spline V2 Full Tour: New Layout, Faster Creation, Agent Workflow

Spline V2 Full Tour: New Layout, Faster Creation, Agent Workflow

Video9minBeginner
Build Interactive Animations: Morphing UI & Reactive Glow in Hana (Step by Step)

Build Interactive Animations: Morphing UI & Reactive Glow in Hana (Step by Step)

Video13minBeginner
How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks

How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks

Video4minBeginner