# Concevoir et utiliser des composants en 3D - 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. [Tutoriels](https://spline.design/fr/academy/tutorials)
3. Concevoir et utiliser des composants en 3D

# Concevoir et utiliser des composants en 3D

Spline 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

## Fait partie de

- [Spline avancé | Plongée dans les fonctionnalités](https://spline.design/fr/academy/collections/spline-advanced-feature-deep-dive/how-to-design-and-use-components-in-3d)

## Tutoriels associés

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

[Créer des composants 3D réutilisablesSpline 3DIntermédiaire7 min](https://spline.design/fr/academy/tutorials/how-to-build-reusable-3d-components)[Découvrir le Shape Blend 3D dans SplineSpline 3DDébutant26 min](https://spline.design/fr/academy/tutorials/explore-3d-shape-blending-in-spline)[Modeler des formes fluides 3D interactives qui suivent le curseurSpline 3DDébutant12 min](https://spline.design/fr/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)

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