# Spline MCP: Bygg 3D-upplevelser för webben med AI (Cursor, Claude, Gemini med flera) - Spline Academy (https://spline.design/sv/academy/tutorials/spline-mcp-build-3d-web-experiences-with-ai-cursor-claude-gemini-and-more)

> Gör en referensbild till en redigerbar 3D-scen med Spline MCP och Claude – och ta den sedan vidare med en interaktiv webbplats.

1. [Academy](https://spline.design/sv/academy)
2. [Tutorials](https://spline.design/sv/academy/tutorials)
3. Spline MCP: Bygg 3D-upplevelser för webben med AI (Cursor, Claude, Gemini med flera)

# Spline MCP: Bygg 3D-upplevelser för webben med AI (Cursor, Claude, Gemini med flera)

Spline 3DMedelnivå6 min

Gör en referensbild till en redigerbar 3D-scen med Spline MCP och Claude – och ta den sedan vidare med en interaktiv webbplats.

I den här tutorialen lär du dig att koppla Splines skrivbordsapp till ditt AI-verktyg, skriva din första prompt och se scenen växa fram direkt i editorn. Vi återskapar ett svävande parkdiorama, utforskar hur du förfinar objekten och materialen, och använder Claude för att bygga en lekfull webbupplevelse runt det, med växling mellan dag och natt, dolda överraskningar och interaktiva element.

Det här lär du dig:

- Koppla Spline MCP till Claude och andra AI-verktyg som stöder MCP.
- Använda en referensbild för att generera en redigerbar 3D-scen.
- Förfina scenen med prompter eller göra ändringar manuellt i Spline.
- Arbeta i en befintlig Spline-fil eller börja från noll.
- Göra om din 3D-scen till en interaktiv webbupplevelse.

Ta med en referensbild, en idé eller en moodboard – och börja bygga. Dela det du skapar i kommentarerna!

Prova Spline V2 och skriv en kommentar om vad du vill se härnäst!

👍 Glöm inte att gilla och prenumerera för fler tutorials och nyheter om Spline

Länkar: 🌸 Hana → <https://spline.design/hana> 💖 Spline → <http://app.spline.design> 📚 Splines dokumentation → <https://docs.spline.design> 👋 Spline Community → <https://app.spline.design/community>

Våra sociala medier: 📷 Instagram → / splinetool 🎵 TikTok → / splinedesign 💙 LinkedIn → / splinetool 🐦 X → / splinetool 👾 Discord → / discord

#spline #3D #Design #Spline3D #AIAgent

## Översikt

- Spline 3D
- 6 min
- Medelnivå

## Relaterade tutorials

[Alla tutorials](https://spline.design/sv/academy/tutorials)

[Bygg interaktiv 3D med Spline och ChatGPT – komplett genomgång av Spline-pluginenSpline 3DNybörjare6 min](https://spline.design/sv/academy/tutorials/build-interactive-3d-with-spline-and-chatgpt-spline-plugin-full-walkthrough)[Hana V2 – hela rundturen: agentarbetsflöde, stöd för 3D, snabbare canvasSpline 3DNybörjare9 min](https://spline.design/sv/academy/tutorials/hana-v2-full-tour-agent-workflow-3d-support-faster-canvas)[Spline V2 – hela rundturen: ny layout, snabbare skapande, agentarbetsflödeSpline 3DNybörjare9 min](https://spline.design/sv/academy/tutorials/spline-v2-full-tour-new-layout-faster-creation-agent-workflow)

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

3D- och 2D-editorn för team och deras agenter. Publicera på webben, iOS och Android.

#### Fråga AI om Spline

#### Produkter

- [3D-design](https://spline.design/sv/3d-design)
- [Hana](https://spline.design/sv/hana)
- [Omma](https://omma.build)
- [3D-generering med AI](https://spline.design/sv/ai-generate)
- [Spline MCP](https://spline.design/sv/mcp)
- [Spline Arena](https://spline.design/sv/arena)
- [Priser](https://spline.design/sv/pricing)
- [Företag](https://spline.design/sv/enterprise)

#### Runtimes

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

#### Appar

- [Ladda ner](https://spline.design/sv/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Ladda ner Spline Mirror](https://spline.design/download-mirror)

#### Lär dig

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/sv/blog)
- [Ändringslogg](https://spline.design/sv/changelog)
- [Utbildning](https://spline.design/sv/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/sv/affiliate)

#### Företaget

- [Kunder](https://spline.design/sv/customers)
- [Karriär](https://www.ycombinator.com/companies/spline/jobs)
- [Säkerhet](https://spline.design/sv/security)

#### Juridik

- [Villkor](https://spline.design/terms)
- [Integritet](https://spline.design/privacy)

#### Kontakt

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

© 2026 - Spline, Inc.