# Interaktive Designs aus Spline in Figma einbinden - Spline Academy (https://spline.design/de/academy/tutorials/how-to-add-interactive-designs-made-in-spline-into-figma)

> In diesem Tutorial zeigen wir dir zuerst, wie du ein 3D-Burger-Design aus Spline in ein interaktives Erlebnis verwandelst. Danach zeigen wir dir, wie du…

1. [Academy](https://spline.design/de/academy)
2. [Tutorials](https://spline.design/de/academy/tutorials)
3. Interaktive Designs aus Spline in Figma einbinden

# Interaktive Designs aus Spline in Figma einbinden

Spline 3DEinsteiger7 Min.

In diesem Tutorial zeigen wir dir zuerst, wie du ein 3D-Burger-Design aus Spline in ein interaktives Erlebnis verwandelst. Danach zeigen wir dir, wie du diese Szene mit dem Anima-Plugin exportierst und in Figma einbettest. Sieh dir Spline an: <https://spline.design/> Lade das Anima-Plugin herunter und erfahre mehr unter <https://www.animaapp.com/figma>

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

👉 Mit Spline kannst du 3D-Szenen nicht nur in deine Projekte einbetten, sondern auch native Apps für iOS generieren. Erlebe dein 3D auf der Apple Vision Pro, indem du deine Designs für visionOS nach Spline Mirror exportierst.

Mehr dazu unter <https://spline.design/ios#app-generation>

💖 Tritt unserer Community bei 👉 <http://discord.gg/spline>

## Das lernst du

1. [0:00Intro](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=0s)
2. [0:34Eine interaktive Animation in Spline erstellen](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=34s)
3. [3:443D-Design mit dem Anima-Plugin in Figma einbetten](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=224s)
4. [5:50Native Apps direkt aus Spline generieren](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=350s)

## Weitere Ressourcen

- [HamburgerVorlage](https://app.spline.design/academy/tutorials/how-to-add-interactive-designs-made-in-spline-into-figma?redirect-duplicate-template-uuid=bc0efa43-aa85-427c-a501-c89c80b332f4&is-2d-file=false)
- [How state-based animation worksDokument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Integrating with FigmaDokument](https://docs.spline.design/integrations/integrating-with-figma)

## Überblick

- Spline 3D
- 7 Min.
- Einsteiger

## Teil von

- [Export und Integration in Spline](https://spline.design/de/academy/collections/export-integration-in-spline/how-to-add-interactive-designs-made-in-spline-into-figma)

## Ähnliche Tutorials

[Alle Tutorials](https://spline.design/de/academy/tutorials)

[Interaktive Erlebnisse nativ für iOS und visionOS exportierenSpline 3DFortgeschritten15 Min.](https://spline.design/de/academy/tutorials/export-interactive-experiences-natively-for-ios-and-visionos)[Natives 3D für Android exportierenSpline 3DFortgeschritten12 Min.](https://spline.design/de/academy/tutorials/how-to-export-native-3d-for-android)[Interaktionen per Nähe auslösen – mit dem Distance-EventSpline 3DEinsteiger6 Min.](https://spline.design/de/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

[Spline](https://spline.design/de)

Der 3D- und 2D-Editor für Teams und ihre Agenten. Veröffentliche im Web, auf iOS und Android.

#### Frag die KI zu Spline

#### Produkte

- [3D-Design](https://spline.design/de/3d-design)
- [Hana](https://spline.design/de/hana)
- [Omma](https://omma.build)
- [KI-3D-Generierung](https://spline.design/de/ai-generate)
- [Spline MCP](https://spline.design/de/mcp)
- [Spline Arena](https://spline.design/de/arena)
- [Preise](https://spline.design/de/pricing)
- [Enterprise](https://spline.design/de/enterprise)

#### Runtimes

- [Web](https://spline.design/de/web)
- [iOS](https://spline.design/de/ios)
- [Android](https://spline.design/de/android)

#### Apps

- [Download](https://spline.design/de/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror herunterladen](https://spline.design/download-mirror)

#### Lernen

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/de/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Lösungen](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/de/blog)
- [Changelog](https://spline.design/de/changelog)
- [Bildung](https://spline.design/de/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/de/affiliate)

#### Unternehmen

- [Kunden](https://spline.design/de/customers)
- [Karriere](https://www.ycombinator.com/companies/spline/jobs)
- [Sicherheit](https://spline.design/de/security)

#### Rechtliches

- [AGB](https://spline.design/terms)
- [Datenschutz](https://spline.design/privacy)

#### Kontakt

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.