# Components ontwerpen en gebruiken in 3D - Spline gevorderd | De functies tot in detail - Spline Academy (https://spline.design/nl/academy/tutorials/how-to-design-and-use-components-in-3d)

> Hallo! In deze tutorial leer je hoe components werken en hoe ze je ontwerpwerk in 3D sneller en efficiënter maken.

1. [Academy](https://spline.design/nl/academy)
2. [Cursussen](https://spline.design/nl/academy/collections)
3. [Spline gevorderd | De functies tot in detail](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive)
4. Components ontwerpen en gebruiken in 3D

# Components ontwerpen en gebruiken in 3D

Les 1 van 17Spline 3DGemiddeld15 min

Hallo! In deze tutorial leer je hoe components werken en hoe ze je ontwerpwerk in 3D sneller en efficiënter maken.

De scènebestanden uit deze tutorial vind je in de Library (<https://app.spline.design/library>)

11: 34 Instances loskoppelen

## Wat je leert

1. [0:00Intro](https://www.youtube.com/watch?v=VSddFnDjPUA&t=0s)
2. [0:43Een instance van een component maken](https://www.youtube.com/watch?v=VSddFnDjPUA&t=43s)
3. [2:24Overrides van instances](https://www.youtube.com/watch?v=VSddFnDjPUA&t=144s)
4. [4:35Designalternatieven maken](https://www.youtube.com/watch?v=VSddFnDjPUA&t=275s)
5. [5:54Events toevoegen aan components](https://www.youtube.com/watch?v=VSddFnDjPUA&t=354s)
6. [7:00Interacties overschrijven](https://www.youtube.com/watch?v=VSddFnDjPUA&t=420s)
7. [9:06Slimme toepassingen van 3D-components](https://www.youtube.com/watch?v=VSddFnDjPUA&t=546s)
8. [10:18Designsystemen met components](https://www.youtube.com/watch?v=VSddFnDjPUA&t=618s)
9. [10:47Instances wisselen](https://www.youtube.com/watch?v=VSddFnDjPUA&t=647s)
10. [12:06Overrides resetten](https://www.youtube.com/watch?v=VSddFnDjPUA&t=726s)
11. [13:11Cloner en instances](https://www.youtube.com/watch?v=VSddFnDjPUA&t=791s)
12. [14:20Outro](https://www.youtube.com/watch?v=VSddFnDjPUA&t=860s)

## Gerelateerde bronnen

- [Component ToggleTemplate](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)

## Overzicht

- Spline 3D
- 15 min
- Gemiddeld

## Hierna

[Herbruikbare 3D-components bouwen7 minGemiddeld](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive/how-to-build-reusable-3d-components)[Verder](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive/how-to-build-reusable-3d-components)

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

De 3D- en 2D-editor voor teams en hun agents. Publiceer op het web, iOS en Android.

#### Vraag AI naar Spline

#### Producten

- [3D-design](https://spline.design/nl/3d-design)
- [Hana](https://spline.design/nl/hana)
- [Omma](https://omma.build)
- [3D genereren met AI](https://spline.design/nl/ai-generate)
- [Spline MCP](https://spline.design/nl/mcp)
- [Spline Arena](https://spline.design/nl/arena)
- [Prijzen](https://spline.design/nl/pricing)
- [Enterprise](https://spline.design/nl/enterprise)

#### Runtimes

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

#### Apps

- [Downloaden](https://spline.design/nl/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror downloaden](https://spline.design/download-mirror)

#### Leren

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/nl/blog)
- [Changelog](https://spline.design/nl/changelog)
- [Onderwijs](https://spline.design/nl/education)
- [Contra](https://spline.design/contra)
- [Affiliates](https://spline.design/nl/affiliate)

#### Bedrijf

- [Klanten](https://spline.design/nl/customers)
- [Vacatures](https://www.ycombinator.com/companies/spline/jobs)
- [Beveiliging](https://spline.design/nl/security)

#### Juridisch

- [Algemene voorwaarden](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.