# Ajouter dans Figma des designs interactifs créés dans Spline - Export et intégration dans Spline - Spline Academy (https://spline.design/fr/academy/tutorials/how-to-add-interactive-designs-made-in-spline-into-figma)

> Dans ce tutoriel, nous commençons par vous montrer comment transformer un design 3D de burger créé dans Spline en expérience interactive. Ensuite, nous vous…

1. [Academy](https://spline.design/fr/academy)
2. [Cours](https://spline.design/fr/academy/collections)
3. [Export et intégration dans Spline](https://spline.design/fr/academy/collections/export-integration-in-spline)
4. Ajouter dans Figma des designs interactifs créés dans Spline

# Ajouter dans Figma des designs interactifs créés dans Spline

Leçon 1 sur 8Spline 3DDébutant7 min

Dans ce tutoriel, nous commençons par vous montrer comment transformer un design 3D de burger créé dans Spline en expérience interactive. Ensuite, nous vous guidons pour exporter et intégrer cette scène dans Figma avec le plugin Anima. Découvrez Spline : <https://spline.design/> Téléchargez le plugin Anima et découvrez-le sur <https://www.animaapp.com/figma>

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

👉 Avec Spline, vous pouvez non seulement intégrer des scènes 3D à vos projets, mais aussi générer des apps natives pour iOS. Découvrez votre 3D sur l’Apple Vision Pro en exportant vos designs vers Spline Mirror pour visionOS.

Plus d’informations sur <https://spline.design/ios#app-generation>

💖 Rejoignez notre communauté 👉 <http://discord.gg/spline>

## Ce que vous allez apprendre

1. [0:00Intro](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=0s)
2. [0:34Créer une animation interactive dans Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=34s)
3. [3:44Intégrer un design 3D dans Figma avec le plugin Anima](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=224s)
4. [5:50Générer des apps natives directement depuis Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=350s)

## Ressources associées

- [HamburgerModèle](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)

## Présentation

- Spline 3D
- 7 min
- Débutant

## À suivre

[Intégrer des scènes 3D Spline dans Shopify9 minDébutant](https://spline.design/fr/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)[Continuer](https://spline.design/fr/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)

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

L’éditeur 3D et 2D pour les équipes et leurs agents. Publiez sur le web, iOS et Android.

#### Interrogez l’IA sur Spline

#### Produits

- [Design 3D](https://spline.design/fr/3d-design)
- [Hana](https://spline.design/fr/hana)
- [Omma](https://omma.build)
- [Génération 3D par IA](https://spline.design/fr/ai-generate)
- [Spline MCP](https://spline.design/fr/mcp)
- [Spline Arena](https://spline.design/fr/arena)
- [Tarifs](https://spline.design/fr/pricing)
- [Enterprise](https://spline.design/fr/enterprise)

#### Runtimes

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

#### Apps

- [Télécharger](https://spline.design/fr/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Télécharger Spline Mirror](https://spline.design/download-mirror)

#### Apprendre

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

#### Communauté

- [Communauté Spline](https://community.spline.design)
- [Blog](https://spline.design/fr/blog)
- [Nouveautés](https://spline.design/fr/changelog)
- [Éducation](https://spline.design/fr/education)
- [Contra](https://spline.design/contra)
- [Affiliation](https://spline.design/fr/affiliate)

#### Entreprise

- [Clients](https://spline.design/fr/customers)
- [Carrières](https://www.ycombinator.com/companies/spline/jobs)
- [Sécurité](https://spline.design/fr/security)

#### Mentions légales

- [Conditions générales](https://spline.design/terms)
- [Confidentialité](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.