關於 Spline
What Is Spline
Spline 是一套網頁設計平台，用來製作互動式的 2D 與 3D 體驗，並發佈到多個平台。它在瀏覽器裡運作，所以開始建模前不必安裝任何東西。你用基本形體、材質、燈光與動畫搭出場景，透過事件加上互動，再匯出成嵌入碼、公開網址，或給 iOS 與 Android 的原生程式碼。
它和傳統建模軟體最大的差別在發佈這一步。Spline 把設計當成要發佈的東西，而不只是拿來算圖的檔案。一個場景可以帶上物理、捲動行為與點擊反應，而且能直接落到網站或 App，不必再經過額外的轉換流程。這家公司於 2026 年 8 月把編輯器重製為 Spline V2，加入 AI 代理、WebGPU 算圖引擎，以及讓外部代理直接操作編輯器的 MCP 伺服器。
代價是深度。這是給設計師做互動場景的工具，不是完整的角色或電影建模套裝。如果需要高面數雕刻或重量級模擬系統，你還是得找別的軟體。
Getting Started
- 用電子郵件或 Google 帳號在 spline.design 註冊。免費方案讓你馬上開始，個人檔案數量有限，檢視者不限。
- 在 3D 編輯器建立場景並放進基本形體，或匯入現成的 OBJ、FBX、GLB 模型。從材質庫挑一個材質，或自己疊出多層材質。
- 用狀態、事件與動作加上動態與互動，讓場景回應點擊、捲動、按鍵或碰撞。
- 把場景發佈成公開網址、用程式碼片段嵌入，或匯出網頁、iOS 與 Android 的原生程式碼。
- 發佈前先在 Play 模式裡檢查一遍，需要不限檔案數、去掉浮水印或行動版匯出時，再升級付費方案。
產品資訊
快速了解 Spline 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 產品設計師：你可以做出一套互動式 3D 介面，再以能跑的程式碼交給開發團隊，省下靜態 mockup 與實際開發之間的反覆來回。同一個檔案在付費方案裡就能涵蓋 3D 動畫與行動版匯出。
- 行銷與品牌團隊：一顆會旋轉的產品或一段跟著捲動變化的主視覺，能讓頁面顯得跟得上時代，又不必出動影片製作。免費方案足夠做第一次嘗試，但浮水印要付費才會消失。
- 網頁開發者：runtime 函式庫與程式碼匯出讓你把設計師的場景接進 React 或 Next.js 專案，不必從頭重做。
- 對 3D 好奇的新手：瀏覽器編輯器加上熟悉的設計操作，把門檻壓低，不用高階工作站就能學 3D 建模。
任務
- 在著陸頁嵌一個 3D 物件：匯出公開網址或檢視器片段，貼進網站即可，比用 CSS 或 canvas 程式碼重做同樣效果快。
- 為行銷影片做產品動畫：時間軸與材質工具讓你安排一個鏡頭，並在 Pro 方案匯出影片。
- 製作互動介面的原型：2D 畫布 Hana 安排畫框與互動，發佈前就能在畫布上預覽。
- 用文字或圖片生成 3D 模型：描述一個物件或放進一張參考圖，從四種風格中挑一個，再把帶材質的成品帶進場景。
情境
- 為產品發表做一段主視覺：一顆會隨捲動反應的 3D 物件給頁面一個視覺重心，之後更新也不必重拍。
- 在大動作前先試一個想法：免費方案讓你先畫出互動場景，說服客戶之後再投入預算。
- 為 App 加上 3D 預覽：付費方案裡的 iOS 與 Android 原生嵌入，能把同一個場景放進行動產品。
主要功能
AI 代理與 AI 3D 生成
Spline V2 在編輯器裡放了一個 AI 代理。你描述想要的東西，它就把場景建好或改好，成果仍能用手調整。另一條生成路徑把文字提示或參考圖變成帶材質的 3D 模型，有四種風格可選。代理在 3D 編輯器與 2D 畫布 Hana 裡都能用，一種習慣兩邊通吃。
即時算圖與 WebGPU
編輯器邊做邊算圖，材質與燈光一改馬上看到，不必等。Spline V2 改用 WebGPU 算圖引擎，帶來螢幕空間反射與更細緻的材質。當你在調一個表面怎麼吃光時，這點很關鍵，因為你是當場判斷而不是憑猜。
用狀態與事件做互動
場景透過狀態、事件與動作回應輸入。點擊、捲動、按鍵或碰撞都能觸發變化，所以你的設計行為像一套介面，而不是一段影片。這正是 Spline 的用途核心：讓 3D 物件在活的頁面上反應，而不是只在截圖裡好看。
跨平台匯出
你可以把場景發佈成公開網址、用 Spline 檢視器片段嵌入，或匯出成網頁專案用的程式碼。付費方案加上 iOS 與 Android 原生嵌入，還有給 iOS AR 的 USDZ 與給 3D 列印的 STL。同一個場景能到網站、App 與 AR 預覽，不必為每個目標重做。
程式碼 API 與 runtime
@splinetool/runtime 函式庫載入匯出的場景，讓你自己的程式碼控制它的物件與事件。React 與 Next.js 的包裝層建在同一個 runtime 上，開發者可以加上點擊處理，或從編輯器外部讓物件動起來。這是設計師的檔案和能跑的產品之間的橋樑。
Hana：2D 畫布
Hana 是第二套編輯器，處理介面與動態圖形，建立在和 3D 那一側相同的互動模型上。它提供畫框、鋼筆工具、向量網路、布林運算，以及陰影、模糊、玻璃等效果。AI 代理在這裡也能用，所以你生成 UI 畫框與互動的方式，和生成 3D 物件一樣。
給外部代理的 MCP 存取
桌面版 App 內建 MCP 伺服器，讓 Claude Code、Cursor 或 VS Code 這類工具直接操作編輯器。連上的代理可以建立與修改物件、材質、燈光、攝影機與事件。這是桌面版專屬功能，所以瀏覽器使用者有內建代理，但沒有外部連線。
優缺點
優點
- 在瀏覽器裡跑，不必安裝，幾乎任何機器都能開始建模。
- 發佈功能是內建的，同一份檔案就能到網站、App 與 AR。
- AI 代理與 3D 生成加快前期工作，成果仍能手動編輯。
- runtime 與程式碼匯出給開發者一條真正的整合路徑，不只是嵌入。
- 即時算圖讓材質與燈光的決定能很快判斷。
缺點
- 免費方案只能存少量個人檔案，網頁匯出還帶浮水印，要規模化測試就得付費。
- 它瞄準互動場景與介面，所以無法取代完整的角色或電影建模、動畫套裝。
- 給外部代理的 MCP 連線只在桌面版 App 能用，瀏覽器使用者被排除在外。
- AI 生成用的是每月點數，不會累積，用量大就可能超出額度。
常見問題
Spline 是一款在瀏覽器上運作的 3D 設計工具，用來製作互動式 2D 與 3D 體驗，並發佈到網頁、iOS 與 Android。大家拿它來做網站嵌入、產品動畫、互動介面與 App 預覽。
相關內容
探索與 Spline 相關的工具、技能與文章。
Spline 替代方案
Google EmbeddingGemma 2
Google DeepMind · 寫作 · 圖片 · 程式設計Google EmbeddingGemma 2 是 7.4 億參數的開源模型，能把文字、程式碼、圖片、音訊與影片畫面轉成同一個 768 維空間裡的向量，在手機與筆電上就能執行。
Tractionwave
TractionWave · 圖片 · 行銷TractionWave 是針對靜態廣告的 AI 注意力熱圖工具。上傳 PNG 或 JPG，就能取得預測注意力、排序後的熱點與修正建議，不必等預算花完才知道問題在哪。
Imejis.io
Imejis.io · 圖片 · 行銷Imejis.io 是給代理與行銷團隊使用的 AI 設計工作室。你用日常說法描述一張圖，它會寫好文案、排出版面、自動調整成各種尺寸，最後匯出完成檔。