# Spline MCP: bouw 3D-webervaringen met AI (Cursor, Claude, Gemini en meer) - Spline Academy (https://spline.design/nl/academy/tutorials/spline-mcp-build-3d-web-experiences-with-ai-cursor-claude-gemini-and-more)

> Maak van een referentieafbeelding een bewerkbare 3D-scène met Spline MCP en Claude, en ga dan nog een stap verder met een interactieve website.

1. [Academy](https://spline.design/nl/academy)
2. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Spline MCP: bouw 3D-webervaringen met AI (Cursor, Claude, Gemini en meer)

# Spline MCP: bouw 3D-webervaringen met AI (Cursor, Claude, Gemini en meer)

Spline 3DGemiddeld6 min

Maak van een referentieafbeelding een bewerkbare 3D-scène met Spline MCP en Claude, en ga dan nog een stap verder met een interactieve website.

In deze tutorial leer je hoe je de desktopapp van Spline aan je AI-tool koppelt, je eerste prompt schrijft en je scène direct in de editor ziet ontstaan. We maken een zwevend parkdiorama na, bekijken hoe je de objecten en materialen verfijnt en laten Claude er een speelse webervaring omheen bouwen, compleet met een dag/nacht-schakelaar, verborgen verrassingen en interactieve elementen.

Wat je leert:

- Spline MCP koppelen aan Claude en andere AI-tools die MCP ondersteunen.
- Een bewerkbare 3D-scène genereren op basis van een referentieafbeelding.
- Je scène verfijnen met prompts of handmatig aanpassen in Spline.
- Werken in een bestaand Spline-bestand of helemaal opnieuw beginnen.
- Je 3D-scène omzetten in een interactieve webervaring.

Neem een referentieafbeelding, een idee of een moodboard en begin met bouwen. Deel in de reacties wat je hebt gemaakt!

Probeer Spline V2 en laat in een reactie weten wat je hierna wilt zien!

👍 Vergeet niet te liken en te abonneren voor meer Spline-tutorials en -nieuws

Links: 🌸 Hana → <https://spline.design/hana> 💖 Spline → <http://app.spline.design> 📚 Spline Docs → <https://docs.spline.design> 👋 Spline Community → <https://app.spline.design/community>

Onze socials: 📷 Instagram → / splinetool 🎵 TikTok → / splinedesign 💙 LinkedIn → / splinetool 🐦 X → / splinetool 👾 Discord → / discord

#spline #3D #Design #Spline3D #AIAgent

## Overzicht

- Spline 3D
- 6 min
- Gemiddeld

## Gerelateerde tutorials

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

[Bouw interactieve 3D met Spline en ChatGPT - de Spline-plug-in van begin tot eindSpline 3DBeginner6 min](https://spline.design/nl/academy/tutorials/build-interactive-3d-with-spline-and-chatgpt-spline-plugin-full-walkthrough)[Hana V2, de complete rondleiding: agent-workflow, 3D-ondersteuning, sneller canvasSpline 3DBeginner9 min](https://spline.design/nl/academy/tutorials/hana-v2-full-tour-agent-workflow-3d-support-faster-canvas)[Spline V2, de complete rondleiding: nieuwe layout, sneller maken, agent-workflowSpline 3DBeginner9 min](https://spline.design/nl/academy/tutorials/spline-v2-full-tour-new-layout-faster-creation-agent-workflow)

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