# Spline - 在瀏覽器中免費使用的 3D 設計工具 (https://spline.design/zh-hant) > Spline 是一套在瀏覽器中使用的免費 3D 設計與 3D 建模軟體。動畫、材質貼圖，以及與 AI 代理的即時協作，打造互動式網頁體驗。 [新功能Spline Arena](https://app.spline.design/arena) # 獻給你的團隊與 AI 代理的 3D 設計工具 免費使用，直接在瀏覽器中執行。用 AI 為你的網站和 App 打造互動式 3D。 運作方式 ## 從提示詞到正式上線，全在一個檔案裡 正在規劃場景 01 · 提示詞 ### 你的 AI 代理 Claude、ChatGPT、Cursor、Codex，或你自己打造的代理。只要支援 MCP 都可以。 02 · 連接 ### Spline MCP 讀取場景、寫入場景、設定視角並檢視成果的工具。[閱讀設定指南](https://spline.design/zh-hant/mcp)。 **代理** **Ana** 03 · 打造 ### 編輯器 每一項變更都會以操作的形式即時寫入檔案。你的團隊能親眼看到過程，並可隨時復原、留言或接手。 04 · 發布 ### 任何平台 發布到網頁、放進 React，或在 iOS 和 Android 上原生執行。 用 Spline 打造 ## 讓創意化為 可直接上線的體驗 ### Mars Rover 一款火星遊戲，有兩輛探測車可以在沙丘上馳騁。 [打造你自己的作品](https://app.spline.design/new?prompt=%E4%B8%80%E8%BC%9B%E5%8F%AF%E4%BB%A5%E5%9C%A8%E7%81%AB%E6%98%9F%E7%B4%85%E8%89%B2%E6%B2%99%E4%B8%98%E4%B8%8A%E9%A7%95%E9%A7%9B%E7%9A%84%E6%8E%A2%E6%B8%AC%E8%BB%8A) 編輯器 ## 3D 設計所需的一切 - **建模**基本形狀、布林運算、雕塑與[3D 生成](https://spline.design/zh-hant/ai-generate)。 - **材質與光線**多層材質、燈光與後製處理。 - **動畫與互動**狀態、關鍵影格、事件與物理。 - **效能**高效能的即時 3D。 也可以在編輯器中，或[透過 MCP 請 AI 代理代勞](https://spline.design/zh-hant/mcp)。完整功能請見[3D 編輯器](https://spline.design/zh-hant/3d-design)。 協作 ## 代理負責打造，設計師負責打磨。 AI 代理迅速把場景做出第一版，你的團隊在同一個檔案中接手，完成剩下的工作。 - **同一個檔案**代理就在你的團隊已經在用的編輯器裡工作。不必匯入，也不必重做。 - **完全可編輯**它做出的每樣東西都是一般的 Spline 物件：可以選取、重新設定樣式、加上動畫。 - **來回協作**把下一輪交還給代理，或隨時親手接手。 發布 ## 一個場景，橫跨網頁、Apple 與 Android。 同一個檔案可以發布成網站、iPhone App 或 Android App。每個平台都有專屬的原生渲染器，場景的互動性與效能都能完整保留。 - [WebWebGPU · WebGL發布一個連結、嵌入檢視器，或匯出適用你技術堆疊的程式碼並自行託管。](https://spline.design/zh-hant/web) - [AppleMetal在你的 App 中加入原生 SwiftUI 檢視，或生成可直接上架 App Store 的 Xcode 專案。](https://spline.design/zh-hant/ios) - [AndroidVulkan透過 Jetpack Compose 加入原生檢視，或直接從 Spline 建置 APK 或 App Bundle。](https://spline.design/zh-hant/android) prompt.md 聽聽他們怎麼說 ## 團隊為什麼選擇用 Spline 打造 [閱讀故事“我想用 3D 做點真正酷的東西，讓我們的品牌真正活起來，而 Spline 是唯一能讓我做到的工具。”**Andrew Pons**Oscilar 首席品牌設計師](https://spline.design/zh-hant/customers/oscilar)[閱讀故事“在用 Spline 之前，我們得找一位開發人員專門處理 3D 整合。現在設計師可以專心打造素材，工程師也不必從頭重做。”**Zeh Fernandes**Resend 創始設計師](https://spline.design/zh-hant/customers/resend)[閱讀故事“Spline 非常容易上手，學得也快。學習門檻很低，連資淺設計師都能在 Webflow 專案中整合 3D 體驗。”**Pavel Dergachev**KOJI 創辦人暨創意總監](https://spline.design/zh-hant/customers/koji-studio) ## 開始打造 3D 連接你的 AI 代理、邀請你的團隊，今天就發布你的第一個 3D 場景。 [開始創作](https://app.spline.design/signin)[連接你的 AI 代理](https://spline.design/zh-hant/mcp) [Spline](https://spline.design/zh-hant) 為團隊及其 AI 代理打造的 3D 與 2D 編輯器。一鍵發布到網頁、iOS 和 Android。 #### 向 AI 詢問 Spline #### 產品 - [3D 設計](https://spline.design/zh-hant/3d-design) - [Hana](https://spline.design/zh-hant/hana) - [Omma](https://omma.build) - [AI 3D 生成](https://spline.design/zh-hant/ai-generate) - [Spline MCP](https://spline.design/zh-hant/mcp) - [Spline Arena](https://spline.design/zh-hant/arena) - [價格](https://spline.design/zh-hant/pricing) - [企業](https://spline.design/zh-hant/enterprise) #### Runtime - [Web](https://spline.design/zh-hant/web) - [iOS](https://spline.design/zh-hant/ios) - [Android](https://spline.design/zh-hant/android) #### App - [下載](https://spline.design/zh-hant/download) - [Spline Mirror](https://spline.design/spline-mirror) - [下載 Spline Mirror](https://spline.design/download-mirror) #### 學習 - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/zh-hant/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [解決方案](https://spline.design/solutions) #### 社群 - [Spline 社群](https://community.spline.design) - [Blog](https://spline.design/zh-hant/blog) - [更新日誌](https://spline.design/zh-hant/changelog) - [教育](https://spline.design/zh-hant/education) - [Contra](https://spline.design/contra) - [聯盟行銷](https://spline.design/zh-hant/affiliate) #### 公司 - [客戶](https://spline.design/zh-hant/customers) - [工作機會](https://www.ycombinator.com/companies/spline/jobs) - [安全性](https://spline.design/zh-hant/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.