# Créer des composants 3D réutilisables - Spline Academy (https://spline.design/fr/academy/tutorials/how-to-build-reusable-3d-components)

> Dans ce tutoriel, nous voyons tout ce qu’il faut savoir sur les composants dans Spline et comment ils peuvent transformer votre workflow de design !

1. [Academy](https://spline.design/fr/academy)
2. [Tutoriels](https://spline.design/fr/academy/tutorials)
3. Créer des composants 3D réutilisables

# Créer des composants 3D réutilisables

Spline 3DIntermédiaire7 min

Dans ce tutoriel, nous voyons tout ce qu’il faut savoir sur les composants dans Spline et comment ils peuvent transformer votre workflow de design !

Vous apprendrez à créer et gérer des composants, à détacher et personnaliser des instances, à appliquer des modifications au composant principal et à échanger des variantes.

Nous partageons aussi des conseils pratiques et des bonnes pratiques pour créer des design systems efficaces et réutilisables dans Spline.

En savoir plus sur les composants : <https://youtu.be/VSddFnDjPUA>

🎅💖Remix spécial fêtes : <https://app.spline.design/file/400edc03-f028-46ef-874a-9529a290483c>

\--- Découvrez d’autres créateurs et projets incroyables #MadeInSpline sur <https://community.spline.design/>

## Ce que vous allez apprendre

1. [0:00Introduction aux composants](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=0s)
2. [0:54Créer un composant](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=54s)
3. [2:07Gérer les instances](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=127s)
4. [3:00Appliquer des modifications et utiliser des variantes](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=180s)
5. [4:26Applications pratiques](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=266s)
6. [5:45Bonnes pratiques](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=345s)

## Ressources associées

- [Calculator ComponentsModèle](https://app.spline.design/academy/tutorials/how-to-build-reusable-3d-components?redirect-duplicate-template-uuid=e35b4ba4-f15c-428a-a66e-6522a8e15617&is-2d-file=false)
- [ComponentsDocument](https://docs.spline.design/designing-in-3-d/components)

## Présentation

- Spline 3D
- 7 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-build-reusable-3d-components)

## Tutoriels associés

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

[Concevoir et utiliser des composants en 3DSpline 3DIntermédiaire15 min](https://spline.design/fr/academy/tutorials/how-to-design-and-use-components-in-3d)[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.