# Komponenten in 3D designen und nutzen - Spline für Fortgeschrittene | Funktionen im Detail - 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. [Kurse](https://spline.design/de/academy/collections)
3. [Spline für Fortgeschrittene | Funktionen im Detail](https://spline.design/de/academy/collections/spline-advanced-feature-deep-dive)
4. Komponenten in 3D designen und nutzen

# Komponenten in 3D designen und nutzen

Lektion 1 von 17Spline 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

## Als Nächstes

[Wiederverwendbare 3D-Komponenten bauen7 Min.Fortgeschritten](https://spline.design/de/academy/collections/spline-advanced-feature-deep-dive/how-to-build-reusable-3d-components)[Weiter](https://spline.design/de/academy/collections/spline-advanced-feature-deep-dive/how-to-build-reusable-3d-components)

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