# Spline MCP: Gumawa ng mga 3D Web Experience gamit ang AI (Cursor, Claude, Gemini at iba pa) - Spline Academy (https://spline.design/fil/academy/tutorials/spline-mcp-build-3d-web-experiences-with-ai-cursor-claude-gemini-and-more)

> Gawing nae-edit na 3D scene ang isang reference image gamit ang Spline MCP at Claude — tapos dalhin pa ito sa mas malayo gamit ang isang interactive na website.

1. [Academy](https://spline.design/fil/academy)
2. [Mga Tutorial](https://spline.design/fil/academy/tutorials)
3. Spline MCP: Gumawa ng mga 3D Web Experience gamit ang AI (Cursor, Claude, Gemini at iba pa)

# Spline MCP: Gumawa ng mga 3D Web Experience gamit ang AI (Cursor, Claude, Gemini at iba pa)

Spline 3DIntermediate6 min

Gawing nae-edit na 3D scene ang isang reference image gamit ang Spline MCP at Claude — tapos dalhin pa ito sa mas malayo gamit ang isang interactive na website.

Sa tutorial na ito, matututunan mo kung paano ikonekta ang Spline desktop app sa AI tool mo, isulat ang una mong prompt, at panoorin ang scene mo na mabuo mismo sa editor. Gagawin naming muli ang isang lumulutang na park diorama, titingnan kung paano pinuhin ang mga object at material nito, at gagamitin ang Claude para bumuo ng masayang web experience sa paligid nito, kumpleto sa day/night toggle, mga nakatagong sorpresa at mga interactive na elemento.

Ang matututunan mo:

- Ikonekta ang Spline MCP sa Claude at iba pang AI tool na compatible sa MCP.
- Gumamit ng reference image para gumawa ng nae-edit na 3D scene.
- Pinuhin ang scene mo gamit ang mga prompt o baguhin ito nang manual sa Spline.
- Magtrabaho sa isang umiiral na Spline file o magsimula mula sa wala.
- Gawing interactive web experience ang 3D scene mo.

Magdala ng reference image, ideya o moodboard — at magsimulang gumawa. I-share ang ginawa mo sa comments!

Subukan ang Spline V2 at mag-comment kung ano ang gusto mong makita sa susunod!

👍 Huwag kalimutang mag-like at mag-subscribe para sa iba pang tutorial at balita tungkol sa Spline

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

Ang Aming Socials: 📷 Instagram → / splinetool 🎵 TikTok → / splinedesign 💙 LinkedIn → / splinetool 🐦 X → / splinetool 👾 Discord → / discord

#spline #3D #Design #Spline3D #AIAgent

## Overview

- Spline 3D
- 6 min
- Intermediate

## Mga kaugnay na tutorial

[Lahat ng tutorial](https://spline.design/fil/academy/tutorials)

[Gumawa ng Interactive 3D gamit ang Spline at ChatGPT - Kumpletong Walkthrough ng Spline PluginSpline 3DBaguhan6 min](https://spline.design/fil/academy/tutorials/build-interactive-3d-with-spline-and-chatgpt-spline-plugin-full-walkthrough)[Kumpletong Tour ng Hana V2: Agent Workflow, 3D Support, Mas Mabilis na CanvasSpline 3DBaguhan9 min](https://spline.design/fil/academy/tutorials/hana-v2-full-tour-agent-workflow-3d-support-faster-canvas)[Kumpletong Tour ng Spline V2: Bagong Layout, Mas Mabilis na Paggawa, Agent WorkflowSpline 3DBaguhan9 min](https://spline.design/fil/academy/tutorials/spline-v2-full-tour-new-layout-faster-creation-agent-workflow)

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

Ang 3D at 2D editor para sa mga team at kanilang mga agent. I-publish sa web, iOS at Android.

#### Magtanong sa AI tungkol sa Spline

#### Mga Produkto

- [3D Design](https://spline.design/fil/3d-design)
- [Hana](https://spline.design/fil/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/fil/ai-generate)
- [Spline MCP](https://spline.design/fil/mcp)
- [Spline Arena](https://spline.design/fil/arena)
- [Presyo](https://spline.design/fil/pricing)
- [Enterprise](https://spline.design/fil/enterprise)

#### Runtimes

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

#### Apps

- [I-download](https://spline.design/fil/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [I-download ang Spline Mirror](https://spline.design/download-mirror)

#### Matuto

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/fil/blog)
- [Changelog](https://spline.design/fil/changelog)
- [Edukasyon](https://spline.design/fil/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/fil/affiliate)

#### Kumpanya

- [Mga Customer](https://spline.design/fil/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/fil/security)

#### Legal

- [Mga Tuntunin at Kundisyon](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.