# Spline MCP: Membuat Pengalaman Web 3D dengan AI (Cursor, Claude, Gemini, dan lainnya) - Spline Academy (https://spline.design/id/academy/tutorials/spline-mcp-build-3d-web-experiences-with-ai-cursor-claude-gemini-and-more)

> Ubah gambar referensi menjadi scene 3D yang bisa diedit dengan Spline MCP dan Claude, lalu kembangkan lebih jauh menjadi situs web interaktif.

1. [Academy](https://spline.design/id/academy)
2. [Tutorial](https://spline.design/id/academy/tutorials)
3. Spline MCP: Membuat Pengalaman Web 3D dengan AI (Cursor, Claude, Gemini, dan lainnya)

# Spline MCP: Membuat Pengalaman Web 3D dengan AI (Cursor, Claude, Gemini, dan lainnya)

Spline 3DMenengah6 mnt

Ubah gambar referensi menjadi scene 3D yang bisa diedit dengan Spline MCP dan Claude, lalu kembangkan lebih jauh menjadi situs web interaktif.

Dalam tutorial ini, Anda akan belajar menghubungkan aplikasi desktop Spline ke alat AI Anda, menulis prompt pertama, dan menyaksikan scene Anda terbentuk langsung di editor. Kita akan membuat ulang diorama taman melayang, mempelajari cara menyempurnakan objek dan materialnya, lalu memakai Claude untuk membangun pengalaman web yang seru di sekitarnya, lengkap dengan tombol siang/malam, kejutan tersembunyi, dan elemen interaktif.

Yang akan Anda pelajari:

- Menghubungkan Spline MCP ke Claude dan alat AI lain yang kompatibel dengan MCP.
- Memakai gambar referensi untuk menghasilkan scene 3D yang bisa diedit.
- Menyempurnakan scene dengan prompt atau mengubahnya secara manual di Spline.
- Bekerja di file Spline yang sudah ada atau mulai dari nol.
- Mengubah scene 3D Anda menjadi pengalaman web interaktif.

Siapkan gambar referensi, ide, atau moodboard, dan mulailah berkarya. Bagikan hasil karya Anda di kolom komentar!

Coba Spline V2 dan tinggalkan komentar tentang apa yang ingin Anda lihat berikutnya!

👍 Jangan lupa like dan subscribe untuk tutorial dan berita Spline lainnya

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

Media sosial kami: 📷 Instagram → / splinetool 🎵 TikTok → / splinedesign 💙 LinkedIn → / splinetool 🐦 X → / splinetool 👾 Discord → / discord

#spline #3D #Design #Spline3D #AIAgent

## Ikhtisar

- Spline 3D
- 6 mnt
- Menengah

## Tutorial terkait

[Semua tutorial](https://spline.design/id/academy/tutorials)

[Membuat 3D Interaktif dengan Spline dan ChatGPT - Panduan Lengkap Plugin SplineSpline 3DPemula6 mnt](https://spline.design/id/academy/tutorials/build-interactive-3d-with-spline-and-chatgpt-spline-plugin-full-walkthrough)[Tur Lengkap Hana V2: Alur Kerja Agen, Dukungan 3D, Kanvas Lebih CepatSpline 3DPemula9 mnt](https://spline.design/id/academy/tutorials/hana-v2-full-tour-agent-workflow-3d-support-faster-canvas)[Tur Lengkap Spline V2: Tata Letak Baru, Berkarya Lebih Cepat, Alur Kerja AgenSpline 3DPemula9 mnt](https://spline.design/id/academy/tutorials/spline-v2-full-tour-new-layout-faster-creation-agent-workflow)

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

Editor 3D dan 2D untuk tim dan agen mereka. Rilis ke web, iOS, dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Desain 3D](https://spline.design/id/3d-design)
- [Hana](https://spline.design/id/hana)
- [Omma](https://omma.build)
- [Pembuatan 3D dengan AI](https://spline.design/id/ai-generate)
- [Spline MCP](https://spline.design/id/mcp)
- [Spline Arena](https://spline.design/id/arena)
- [Harga](https://spline.design/id/pricing)
- [Enterprise](https://spline.design/id/enterprise)

#### Runtime

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

#### Aplikasi

- [Unduh](https://spline.design/id/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Unduh Spline Mirror](https://spline.design/download-mirror)

#### Belajar

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

#### Komunitas

- [Komunitas Spline](https://community.spline.design)
- [Blog](https://spline.design/id/blog)
- [Changelog](https://spline.design/id/changelog)
- [Pendidikan](https://spline.design/id/education)
- [Contra](https://spline.design/contra)
- [Afiliasi](https://spline.design/id/affiliate)

#### Perusahaan

- [Pelanggan](https://spline.design/id/customers)
- [Karier](https://www.ycombinator.com/companies/spline/jobs)
- [Keamanan](https://spline.design/id/security)

#### Legal

- [Syarat & Ketentuan](https://spline.design/terms)
- [Privasi](https://spline.design/privacy)

#### Kontak

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

© 2026 - Spline, Inc.