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

> Tukar imej rujukan menjadi adegan 3D yang boleh disunting dengan Spline MCP dan Claude — kemudian bawa lebih jauh dengan laman web interaktif.

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

# Spline MCP: Bina Pengalaman Web 3D dengan AI (Cursor, Claude, Gemini dan banyak lagi)

Spline 3DPertengahan6 min

Tukar imej rujukan menjadi adegan 3D yang boleh disunting dengan Spline MCP dan Claude — kemudian bawa lebih jauh dengan laman web interaktif.

Dalam tutorial ini, anda akan belajar cara menyambungkan aplikasi desktop Spline kepada alat AI anda, menulis prompt pertama anda dan melihat adegan anda terbentuk terus dalam editor. Kami akan mencipta semula diorama taman terapung, meneroka cara memperhalus objek dan bahannya, dan menggunakan Claude untuk membina pengalaman web yang menyeronokkan di sekelilingnya, lengkap dengan suis siang/malam, kejutan tersembunyi dan elemen interaktif.

Apa yang akan anda pelajari:

- Sambungkan Spline MCP kepada Claude dan alat AI lain yang serasi dengan MCP.
- Gunakan imej rujukan untuk menjana adegan 3D yang boleh disunting.
- Perhalus adegan anda dengan prompt atau buat perubahan secara manual dalam Spline.
- Bekerja dalam fail Spline sedia ada atau mulakan dari awal.
- Jadikan adegan 3D anda pengalaman web interaktif.

Bawa imej rujukan, idea atau moodboard — dan mula membina. Kongsi apa yang anda cipta di ruangan komen!

Cuba Spline V2 dan tinggalkan komen tentang apa yang anda mahu lihat seterusnya!

👍 Jangan lupa tekan suka dan langgan untuk lebih banyak tutorial dan berita Spline

Pautan: 🌸 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

## Gambaran keseluruhan

- Spline 3D
- 6 min
- Pertengahan

## Tutorial berkaitan

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

[Bina 3D Interaktif dengan Spline dan ChatGPT - Panduan Penuh Plugin SplineSpline 3DPemula6 min](https://spline.design/ms/academy/tutorials/build-interactive-3d-with-spline-and-chatgpt-spline-plugin-full-walkthrough)[Lawatan Penuh Hana V2: Aliran Kerja Ejen, Sokongan 3D, Kanvas Lebih PantasSpline 3DPemula9 min](https://spline.design/ms/academy/tutorials/hana-v2-full-tour-agent-workflow-3d-support-faster-canvas)[Lawatan Penuh Spline V2: Susun Atur Baharu, Penciptaan Lebih Pantas, Aliran Kerja EjenSpline 3DPemula9 min](https://spline.design/ms/academy/tutorials/spline-v2-full-tour-new-layout-faster-creation-agent-workflow)

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

Editor 3D dan 2D untuk pasukan dan ejen mereka. Terbitkan ke web, iOS dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Reka Bentuk 3D](https://spline.design/ms/3d-design)
- [Hana](https://spline.design/ms/hana)
- [Omma](https://omma.build)
- [Penjanaan 3D AI](https://spline.design/ms/ai-generate)
- [Spline MCP](https://spline.design/ms/mcp)
- [Spline Arena](https://spline.design/ms/arena)
- [Harga](https://spline.design/ms/pricing)
- [Perusahaan](https://spline.design/ms/enterprise)

#### Runtime

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

#### Aplikasi

- [Muat Turun](https://spline.design/ms/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Muat turun Spline Mirror](https://spline.design/download-mirror)

#### Belajar

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

#### Komuniti

- [Komuniti Spline](https://community.spline.design)
- [Blog](https://spline.design/ms/blog)
- [Log Perubahan](https://spline.design/ms/changelog)
- [Pendidikan](https://spline.design/ms/education)
- [Contra](https://spline.design/contra)
- [Afiliat](https://spline.design/ms/affiliate)

#### Syarikat

- [Pelanggan](https://spline.design/ms/customers)
- [Kerjaya](https://www.ycombinator.com/companies/spline/jobs)
- [Keselamatan](https://spline.design/ms/security)

#### Undang-undang

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

#### Hubungi

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

© 2026 - Spline, Inc.