# Interactieve designs uit Spline toevoegen aan Figma - Exporteren en integreren in Spline - 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. [Cursussen](https://spline.design/nl/academy/collections)
3. [Exporteren en integreren in Spline](https://spline.design/nl/academy/collections/export-integration-in-spline)
4. Interactieve designs uit Spline toevoegen aan Figma

# Interactieve designs uit Spline toevoegen aan Figma

Les 1 van 8Spline 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

## Hierna

[3D-scènes uit Spline insluiten in Shopify9 minBeginner](https://spline.design/nl/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)[Verder](https://spline.design/nl/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)

[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.