# Components ontwerpen en gebruiken in 3D - 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. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Components ontwerpen en gebruiken in 3D

# Components ontwerpen en gebruiken in 3D

Spline 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

## Onderdeel van

- [Spline gevorderd | De functies tot in detail](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive/how-to-design-and-use-components-in-3d)

## Gerelateerde tutorials

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

[Herbruikbare 3D-components bouwenSpline 3DGemiddeld7 min](https://spline.design/nl/academy/tutorials/how-to-build-reusable-3d-components)[3D Shape Blend verkennen in SplineSpline 3DBeginner26 min](https://spline.design/nl/academy/tutorials/explore-3d-shape-blending-in-spline)[Vorm interactieve 3D-vloeistofvormen die de cursor volgenSpline 3DBeginner12 min](https://spline.design/nl/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)

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