# Interactieve designs uit Spline toevoegen aan Figma - Spline Academy (https://spline.design/nl/academy/tutorials/how-to-add-interactive-designs-made-in-spline-into-figma)

> In deze tutorial laten we eerst zien hoe je een 3D-hamburgerdesign uit Spline omzet in een interactieve ervaring. Daarna laten we zien hoe je deze scène met…

1. [Academy](https://spline.design/nl/academy)
2. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Interactieve designs uit Spline toevoegen aan Figma

# Interactieve designs uit Spline toevoegen aan Figma

Spline 3DBeginner7 min

In deze tutorial laten we eerst zien hoe je een 3D-hamburgerdesign uit Spline omzet in een interactieve ervaring. Daarna laten we zien hoe je deze scène met de Anima-plug-in exporteert en in Figma insluit. Bekijk Spline: <https://spline.design/> Download en lees meer over de Anima-plug-in op <https://www.animaapp.com/figma>

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

👉 Met Spline kun je niet alleen 3D-scènes in je projecten insluiten, maar ook native apps voor iOS genereren. Bekijk je 3D op de Apple Vision Pro door je designs te exporteren naar Spline Mirror voor visionOS.

Meer informatie hierover op <https://spline.design/ios#app-generation>

💖 Word lid van onze community 👉 <http://discord.gg/spline>

## Wat je leert

1. [0:00Intro](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=0s)
2. [0:34Interactieve animatie maken in Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=34s)
3. [3:443D-design insluiten in Figma met de Anima-plug-in](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=224s)
4. [5:50Native apps rechtstreeks genereren vanuit Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=350s)

## Gerelateerde bronnen

- [HamburgerTemplate](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 worksDocument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Integrating with FigmaDocument](https://docs.spline.design/integrations/integrating-with-figma)

## Overzicht

- Spline 3D
- 7 min
- Beginner

## Onderdeel van

- [Exporteren en integreren in Spline](https://spline.design/nl/academy/collections/export-integration-in-spline/how-to-add-interactive-designs-made-in-spline-into-figma)

## Gerelateerde tutorials

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

[Exporteer interactieve ervaringen native voor iOS en visionOSSpline 3DGemiddeld15 min](https://spline.design/nl/academy/tutorials/export-interactive-experiences-natively-for-ios-and-visionos)[Native 3D exporteren voor AndroidSpline 3DGemiddeld12 min](https://spline.design/nl/academy/tutorials/how-to-export-native-3d-for-android)[Interacties triggeren op basis van nabijheid met het Distance-eventSpline 3DBeginner6 min](https://spline.design/nl/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

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

De 3D- en 2D-editor voor teams en hun agents. Publiceer op het web, iOS en Android.

#### Vraag AI naar Spline

#### Producten

- [3D-design](https://spline.design/nl/3d-design)
- [Hana](https://spline.design/nl/hana)
- [Omma](https://omma.build)
- [3D genereren met AI](https://spline.design/nl/ai-generate)
- [Spline MCP](https://spline.design/nl/mcp)
- [Spline Arena](https://spline.design/nl/arena)
- [Prijzen](https://spline.design/nl/pricing)
- [Enterprise](https://spline.design/nl/enterprise)

#### Runtimes

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

#### Apps

- [Downloaden](https://spline.design/nl/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror downloaden](https://spline.design/download-mirror)

#### Leren

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/nl/blog)
- [Changelog](https://spline.design/nl/changelog)
- [Onderwijs](https://spline.design/nl/education)
- [Contra](https://spline.design/contra)
- [Affiliates](https://spline.design/nl/affiliate)

#### Bedrijf

- [Klanten](https://spline.design/nl/customers)
- [Vacatures](https://www.ycombinator.com/companies/spline/jobs)
- [Beveiliging](https://spline.design/nl/security)

#### Juridisch

- [Algemene voorwaarden](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.