# Wiederverwendbare 3D-Komponenten bauen - Spline Academy (https://spline.design/de/academy/tutorials/how-to-build-reusable-3d-components)

> In diesem Tutorial erfährst du alles, was du über Komponenten in Spline wissen musst – und wie sie deinen Design-Workflow verändern können!

1. [Academy](https://spline.design/de/academy)
2. [Tutorials](https://spline.design/de/academy/tutorials)
3. Wiederverwendbare 3D-Komponenten bauen

# Wiederverwendbare 3D-Komponenten bauen

Spline 3DFortgeschritten7 Min.

In diesem Tutorial erfährst du alles, was du über Komponenten in Spline wissen musst – und wie sie deinen Design-Workflow verändern können!

Du lernst, Komponenten zu erstellen und zu verwalten, Instanzen zu lösen und anzupassen, Änderungen an die Hauptkomponente zu übertragen und Varianten auszutauschen.

Außerdem teilen wir praktische Tipps und Best Practices, mit denen du in Spline effiziente, wiederverwendbare Designsysteme aufbaust.

Mehr über Komponenten: <https://youtu.be/VSddFnDjPUA>

🎅💖 Remix zur Weihnachtszeit: <https://app.spline.design/file/400edc03-f028-46ef-874a-9529a290483c>

\--- Entdecke weitere großartige Creator und Projekte #MadeInSpline auf <https://community.spline.design/>

## Das lernst du

1. [0:00Einführung in Komponenten](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=0s)
2. [0:54Eine Komponente erstellen](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=54s)
3. [2:07Instanzen verwalten](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=127s)
4. [3:00Änderungen übertragen und Varianten nutzen](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=180s)
5. [4:26Praktische Anwendungen](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=266s)
6. [5:45Best Practices](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=345s)

## Weitere Ressourcen

- [Calculator ComponentsVorlage](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)
- [ComponentsDokument](https://docs.spline.design/designing-in-3-d/components)

## Überblick

- Spline 3D
- 7 Min.
- Fortgeschritten

## Teil von

- [Spline für Fortgeschrittene | Funktionen im Detail](https://spline.design/de/academy/collections/spline-advanced-feature-deep-dive/how-to-build-reusable-3d-components)

## Ähnliche Tutorials

[Alle Tutorials](https://spline.design/de/academy/tutorials)

[Komponenten in 3D designen und nutzenSpline 3DFortgeschritten15 Min.](https://spline.design/de/academy/tutorials/how-to-design-and-use-components-in-3d)[3D-Shape-Blending in Spline entdeckenSpline 3DEinsteiger26 Min.](https://spline.design/de/academy/tutorials/explore-3d-shape-blending-in-spline)[Interaktive, fließende 3D-Formen gestalten, die dem Cursor folgenSpline 3DEinsteiger12 Min.](https://spline.design/de/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)

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

Der 3D- und 2D-Editor für Teams und ihre Agenten. Veröffentliche im Web, auf iOS und Android.

#### Frag die KI zu Spline

#### Produkte

- [3D-Design](https://spline.design/de/3d-design)
- [Hana](https://spline.design/de/hana)
- [Omma](https://omma.build)
- [KI-3D-Generierung](https://spline.design/de/ai-generate)
- [Spline MCP](https://spline.design/de/mcp)
- [Spline Arena](https://spline.design/de/arena)
- [Preise](https://spline.design/de/pricing)
- [Enterprise](https://spline.design/de/enterprise)

#### Runtimes

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

#### Apps

- [Download](https://spline.design/de/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror herunterladen](https://spline.design/download-mirror)

#### Lernen

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/de/blog)
- [Changelog](https://spline.design/de/changelog)
- [Bildung](https://spline.design/de/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/de/affiliate)

#### Unternehmen

- [Kunden](https://spline.design/de/customers)
- [Karriere](https://www.ycombinator.com/companies/spline/jobs)
- [Sicherheit](https://spline.design/de/security)

#### Rechtliches

- [AGB](https://spline.design/terms)
- [Datenschutz](https://spline.design/privacy)

#### Kontakt

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

© 2026 - Spline, Inc.