# Herbruikbare 3D-components bouwen - Spline Academy (https://spline.design/nl/academy/tutorials/how-to-build-reusable-3d-components)

> In deze tutorial bekijken we alles wat je moet weten over components in Spline en hoe ze je designworkflow kunnen veranderen!

1. [Academy](https://spline.design/nl/academy)
2. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Herbruikbare 3D-components bouwen

# Herbruikbare 3D-components bouwen

Spline 3DGemiddeld7 min

In deze tutorial bekijken we alles wat je moet weten over components in Spline en hoe ze je designworkflow kunnen veranderen!

Je leert hoe je components maakt en beheert, instances loskoppelt en aanpast, wijzigingen doorvoert naar het hoofdcomponent en variaties wisselt.

We delen ook praktische tips en best practices om in Spline efficiënte en herbruikbare designsystemen te bouwen.

Meer over components: <https://youtu.be/VSddFnDjPUA>

🎅💖Speciale feestdagen-remix: <https://app.spline.design/file/400edc03-f028-46ef-874a-9529a290483c>

\--- Ontdek meer geweldige makers en projecten #MadeInSpline op <https://community.spline.design/>

## Wat je leert

1. [0:00Introductie van components](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=0s)
2. [0:54Een component maken](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=54s)
3. [2:07Instances beheren](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=127s)
4. [3:00Wijzigingen doorvoeren en variaties gebruiken](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=180s)
5. [4:26Praktische toepassingen](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=266s)
6. [5:45Best practices](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=345s)

## Gerelateerde bronnen

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

## Overzicht

- Spline 3D
- 7 min
- Gemiddeld

## Onderdeel van

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

## Gerelateerde tutorials

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

[Components ontwerpen en gebruiken in 3DSpline 3DGemiddeld15 min](https://spline.design/nl/academy/tutorials/how-to-design-and-use-components-in-3d)[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.