# Concevoir et utiliser des composants en 3D - Spline avancé | Plongée dans les fonctionnalités - Spline Academy (https://spline.design/fr/academy/tutorials/how-to-design-and-use-components-in-3d)

> Bonjour ! Dans ce tutoriel, vous apprendrez comment fonctionnent les composants et comment ils peuvent rendre votre design 3D plus rapide et plus efficace.

1. [Academy](https://spline.design/fr/academy)
2. [Cours](https://spline.design/fr/academy/collections)
3. [Spline avancé | Plongée dans les fonctionnalités](https://spline.design/fr/academy/collections/spline-advanced-feature-deep-dive)
4. Concevoir et utiliser des composants en 3D

# Concevoir et utiliser des composants en 3D

Leçon 1 sur 17Spline 3DIntermédiaire15 min

Bonjour ! Dans ce tutoriel, vous apprendrez comment fonctionnent les composants et comment ils peuvent rendre votre design 3D plus rapide et plus efficace.

Vous trouverez les fichiers des scènes de ce tutoriel dans la bibliothèque (<https://app.spline.design/library>)

11: 34 Détacher des instances

## Ce que vous allez apprendre

1. [0:00Intro](https://www.youtube.com/watch?v=VSddFnDjPUA&t=0s)
2. [0:43Créer une instance de composant](https://www.youtube.com/watch?v=VSddFnDjPUA&t=43s)
3. [2:24Remplacements d’instance](https://www.youtube.com/watch?v=VSddFnDjPUA&t=144s)
4. [4:35Créer des variantes de design](https://www.youtube.com/watch?v=VSddFnDjPUA&t=275s)
5. [5:54Ajouter des événements aux composants](https://www.youtube.com/watch?v=VSddFnDjPUA&t=354s)
6. [7:00Remplacer des interactions](https://www.youtube.com/watch?v=VSddFnDjPUA&t=420s)
7. [9:06Usages astucieux des composants 3D](https://www.youtube.com/watch?v=VSddFnDjPUA&t=546s)
8. [10:18Design systems avec des composants](https://www.youtube.com/watch?v=VSddFnDjPUA&t=618s)
9. [10:47Échange d’instances](https://www.youtube.com/watch?v=VSddFnDjPUA&t=647s)
10. [12:06Réinitialiser les remplacements](https://www.youtube.com/watch?v=VSddFnDjPUA&t=726s)
11. [13:11Cloner et instances](https://www.youtube.com/watch?v=VSddFnDjPUA&t=791s)
12. [14:20Conclusion](https://www.youtube.com/watch?v=VSddFnDjPUA&t=860s)

## Ressources associées

- [Component ToggleModèle](https://app.spline.design/academy/tutorials/how-to-design-and-use-components-in-3d?redirect-duplicate-template-uuid=a1664528-244c-463a-bdd2-c38500f46caa&is-2d-file=false)
- [ComponentsDocument](https://docs.spline.design/designing-in-3-d/components)
- [Materials & ShadingDocument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)

## Présentation

- Spline 3D
- 15 min
- Intermédiaire

## À suivre

[Créer des composants 3D réutilisables7 minIntermédiaire](https://spline.design/fr/academy/collections/spline-advanced-feature-deep-dive/how-to-build-reusable-3d-components)[Continuer](https://spline.design/fr/academy/collections/spline-advanced-feature-deep-dive/how-to-build-reusable-3d-components)

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