# Spline MCP: สร้างประสบการณ์เว็บ 3D ด้วย AI (Cursor, Claude, Gemini และอื่น ๆ) - Spline Academy (https://spline.design/th/academy/tutorials/spline-mcp-build-3d-web-experiences-with-ai-cursor-claude-gemini-and-more)

> เปลี่ยนภาพอ้างอิงให้เป็นฉาก 3D ที่แก้ไขได้ด้วย Spline MCP และ Claude แล้วต่อยอดเป็นเว็บไซต์อินเทอร์แอคทีฟ

1. [Academy](https://spline.design/th/academy)
2. [บทเรียน](https://spline.design/th/academy/tutorials)
3. Spline MCP: สร้างประสบการณ์เว็บ 3D ด้วย AI (Cursor, Claude, Gemini และอื่น ๆ)

# Spline MCP: สร้างประสบการณ์เว็บ 3D ด้วย AI (Cursor, Claude, Gemini และอื่น ๆ)

Spline 3Dระดับกลาง6 นาที

เปลี่ยนภาพอ้างอิงให้เป็นฉาก 3D ที่แก้ไขได้ด้วย Spline MCP และ Claude แล้วต่อยอดเป็นเว็บไซต์อินเทอร์แอคทีฟ

ในบทเรียนนี้ คุณจะได้เรียนรู้วิธีเชื่อมต่อแอปเดสก์ท็อป Spline กับเครื่องมือ AI ของคุณ เขียนพรอมต์แรก และดูฉากค่อย ๆ ก่อตัวขึ้นในเอดิเตอร์โดยตรง เราจะสร้างไดโอรามาสวนลอยฟ้าขึ้นใหม่ สำรวจวิธีปรับแต่งวัตถุและวัสดุ และใช้ Claude สร้างประสบการณ์เว็บสนุก ๆ รอบฉากนั้น พร้อมสวิตช์กลางวัน/กลางคืน เซอร์ไพรส์ที่ซ่อนอยู่ และองค์ประกอบที่โต้ตอบได้

สิ่งที่คุณจะได้เรียนรู้:

- เชื่อมต่อ Spline MCP กับ Claude และเครื่องมือ AI อื่น ๆ ที่รองรับ MCP
- ใช้ภาพอ้างอิงสร้างฉาก 3D ที่แก้ไขได้
- ปรับแต่งฉากด้วยพรอมต์ หรือแก้ไขเองใน Spline
- ทำงานในไฟล์ Spline ที่มีอยู่ หรือเริ่มจากศูนย์
- เปลี่ยนฉาก 3D ของคุณให้เป็นประสบการณ์เว็บแบบอินเทอร์แอคทีฟ

เตรียมภาพอ้างอิง ไอเดีย หรือมู้ดบอร์ด แล้วเริ่มสร้างได้เลย แชร์ผลงานของคุณในคอมเมนต์!

ลองใช้ Spline V2 แล้วคอมเมนต์บอกเราว่าอยากเห็นอะไรต่อไป!

👍 อย่าลืมกดไลก์และกดติดตามเพื่อรับบทเรียนและข่าวสารของ Spline เพิ่มเติม

ลิงก์: 🌸 Hana → <https://spline.design/hana> 💖 Spline → <http://app.spline.design> 📚 Spline Docs → <https://docs.spline.design> 👋 Spline Community → <https://app.spline.design/community>

โซเชียลของเรา: 📷 Instagram → / splinetool 🎵 TikTok → / splinedesign 💙 LinkedIn → / splinetool 🐦 X → / splinetool 👾 Discord → / discord

#spline #3D #Design #Spline3D #AIAgent

## ภาพรวม

- Spline 3D
- 6 นาที
- ระดับกลาง

## บทเรียนที่เกี่ยวข้อง

[บทเรียนทั้งหมด](https://spline.design/th/academy/tutorials)

[สร้าง 3D แบบอินเทอร์แอคทีฟด้วย Spline และ ChatGPT - แนะนำปลั๊กอิน Spline ฉบับเต็มSpline 3Dระดับเริ่มต้น6 นาที](https://spline.design/th/academy/tutorials/build-interactive-3d-with-spline-and-chatgpt-spline-plugin-full-walkthrough)[ทัวร์ Hana V2 ฉบับเต็ม: เวิร์กโฟลว์เอเจนต์ การรองรับ 3D และแคนวาสที่เร็วขึ้นSpline 3Dระดับเริ่มต้น9 นาที](https://spline.design/th/academy/tutorials/hana-v2-full-tour-agent-workflow-3d-support-faster-canvas)[ทัวร์ Spline V2 ฉบับเต็ม: เลย์เอาต์ใหม่ สร้างงานได้เร็วขึ้น และเวิร์กโฟลว์เอเจนต์Spline 3Dระดับเริ่มต้น9 นาที](https://spline.design/th/academy/tutorials/spline-v2-full-tour-new-layout-faster-creation-agent-workflow)

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

เอดิเตอร์ 3D และ 2D สำหรับทีมและเอเจนต์ของทีม เผยแพร่ได้ทั้งบนเว็บ iOS และ Android

#### ถาม AI เกี่ยวกับ Spline

#### ผลิตภัณฑ์

- [ออกแบบ 3D](https://spline.design/th/3d-design)
- [Hana](https://spline.design/th/hana)
- [Omma](https://omma.build)
- [สร้าง 3D ด้วย AI](https://spline.design/th/ai-generate)
- [Spline MCP](https://spline.design/th/mcp)
- [Spline Arena](https://spline.design/th/arena)
- [ราคา](https://spline.design/th/pricing)
- [องค์กร](https://spline.design/th/enterprise)

#### รันไทม์

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

#### แอป

- [ดาวน์โหลด](https://spline.design/th/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [ดาวน์โหลด Spline Mirror](https://spline.design/download-mirror)

#### เรียนรู้

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/th/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [โซลูชัน](https://spline.design/solutions)

#### คอมมูนิตี้

- [คอมมูนิตี้ Spline](https://community.spline.design)
- [Blog](https://spline.design/th/blog)
- [มีอะไรใหม่](https://spline.design/th/changelog)
- [การศึกษา](https://spline.design/th/education)
- [Contra](https://spline.design/contra)
- [พันธมิตร](https://spline.design/th/affiliate)

#### บริษัท

- [ลูกค้า](https://spline.design/th/customers)
- [ร่วมงานกับเรา](https://www.ycombinator.com/companies/spline/jobs)
- [ความปลอดภัย](https://spline.design/th/security)

#### กฎหมาย

- [ข้อกำหนดและเงื่อนไข](https://spline.design/terms)
- [ความเป็นส่วนตัว](https://spline.design/privacy)

#### ติดต่อ

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

© 2026 - Spline, Inc.