# Komponenten in 3D designen und nutzen - Spline Academy (https://spline.design/de/academy/tutorials/how-to-design-and-use-components-in-3d)

> Hallo! In diesem Tutorial lernst du, wie Komponenten funktionieren und wie sie dein Design in 3D schneller und effizienter machen.

1. [Academy](https://spline.design/de/academy)
2. [Tutorials](https://spline.design/de/academy/tutorials)
3. Komponenten in 3D designen und nutzen

# Komponenten in 3D designen und nutzen

Spline 3DFortgeschritten15 Min.

Hallo! In diesem Tutorial lernst du, wie Komponenten funktionieren und wie sie dein Design in 3D schneller und effizienter machen.

Die Szenendateien aus diesem Tutorial findest du in der Library (<https://app.spline.design/library>)

11: 34 Instanzen lösen

## Das lernst du

1. [0:00Intro](https://www.youtube.com/watch?v=VSddFnDjPUA&t=0s)
2. [0:43Eine Komponenteninstanz erstellen](https://www.youtube.com/watch?v=VSddFnDjPUA&t=43s)
3. [2:24Overrides von Instanzen](https://www.youtube.com/watch?v=VSddFnDjPUA&t=144s)
4. [4:35Designalternativen erstellen](https://www.youtube.com/watch?v=VSddFnDjPUA&t=275s)
5. [5:54Komponenten Events hinzufügen](https://www.youtube.com/watch?v=VSddFnDjPUA&t=354s)
6. [7:00Interaktionen überschreiben](https://www.youtube.com/watch?v=VSddFnDjPUA&t=420s)
7. [9:06Clevere Einsatzmöglichkeiten für 3D-Komponenten](https://www.youtube.com/watch?v=VSddFnDjPUA&t=546s)
8. [10:18Designsysteme mit Komponenten](https://www.youtube.com/watch?v=VSddFnDjPUA&t=618s)
9. [10:47Instanzen austauschen](https://www.youtube.com/watch?v=VSddFnDjPUA&t=647s)
10. [12:06Overrides zurücksetzen](https://www.youtube.com/watch?v=VSddFnDjPUA&t=726s)
11. [13:11Cloner und Instanzen](https://www.youtube.com/watch?v=VSddFnDjPUA&t=791s)
12. [14:20Outro](https://www.youtube.com/watch?v=VSddFnDjPUA&t=860s)

## Weitere Ressourcen

- [Component ToggleVorlage](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)
- [ComponentsDokument](https://docs.spline.design/designing-in-3-d/components)
- [Materials & ShadingDokument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)

## Überblick

- Spline 3D
- 15 Min.
- Fortgeschritten

## Teil von

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

## Ähnliche Tutorials

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

[Wiederverwendbare 3D-Komponenten bauenSpline 3DFortgeschritten7 Min.](https://spline.design/de/academy/tutorials/how-to-build-reusable-3d-components)[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.