# Ajouter dans Figma des designs interactifs créés 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. [Tutoriels](https://spline.design/fr/academy/tutorials)
3. Ajouter dans Figma des designs interactifs créés dans Spline

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

Spline 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

## Fait partie de

- [Export et intégration dans Spline](https://spline.design/fr/academy/collections/export-integration-in-spline/how-to-add-interactive-designs-made-in-spline-into-figma)

## Tutoriels associés

[Tous les tutoriels](https://spline.design/fr/academy/tutorials)

[Exporter des expériences interactives en natif pour iOS et visionOSSpline 3DIntermédiaire15 min](https://spline.design/fr/academy/tutorials/export-interactive-experiences-natively-for-ios-and-visionos)[Exporter de la 3D native pour AndroidSpline 3DIntermédiaire12 min](https://spline.design/fr/academy/tutorials/how-to-export-native-3d-for-android)[Déclencher des interactions par proximité avec l’événement DistanceSpline 3DDébutant6 min](https://spline.design/fr/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

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