Spline AI

Spline AI是什麼？

Spline AI是Spline互動式3D與2D設計平台中的生成式AI功能。使用者可以從文字或圖片來生成3D物件，創造出無縫的材質，並將3D場景轉換為不同風格的圖像，之後還可以在Spline編輯器中繼續調整幾何形狀、材質、燈光、動畫以及互動效果。

Spline不僅是3D模型生成器，它還可用於網站、應用程式、產品演示以及互動式體驗的打造。所製作的場景可以嵌入網頁中，或者透過React、Next.js、Swift和Kotlin等框架來整合到產品中。

文字轉3D文字生成3D

用戶輸入物體的形狀、材質和風格描述後，AI會產生四個候選版本，再從中選擇一個轉換為3D模型。它適合用來快速製作概念道具、卡通角色、傢俱與裝飾品。

生成網格可能存在拓撲、比例和細節問題，不一定適合遊戲、動畫綁定或製造。專業用途需要繼續清理網格、UV和材質。

圖像轉換為3D圖片生成3D

Image to 3D是運用正面的2D圖片作為參考，將角色、產品或物體轉換成3D模型。參考圖的背景越乾淨、視角越正確、輪廓越完整，最終的成果通常也會越穩定。

單張圖片無法提供完整的背面及遮擋區域資訊，AI會推測不可見區域。產品的精確還原與工程尺寸無法依賴此功能。

Remix與變體

使用者可以基於已經生成的物件繼續進行混編，保持原有的整體風格，同時探索新的顏色、造型和細節。將滿意的成果儲存到個人 3D 資料庫中，便可在不同的場景中重複使用。

AI Texture紋理生成

AI Textures可根據文字生成無縫材質，例如磚牆、混凝土、水面和馬賽克，並應用到3D對象上。生成後仍應檢查接縫、比例、法線感以及在不同光線下的表現。

AI Style Transfer

風格轉換是一項實驗性功能，使用者先建立3D場景，再選擇卡通、黏土、流體等風格，以及雨、雪、夜晚、日落等裝飾元素，最後以文字細化來完成輸出圖像。

它所產生的是以 3D 結構為基礎的風格化二維圖像，並不等同於將完整的 3D 景景永久轉換成另一套可編輯的材質。實驗功能的穩定性與授權規定，應以產品說明為準。

Omma自然語言構建

Spline目前還支援Omma方向，讓使用者能夠透過自然語言來打造互動體驗、網站、3D模型以及應用程式。它適合用於快速建立原型，但由AI生成的互動功能、響應式佈局以及性能表現，仍需人工進行測試。

Hana AI圖片工作流

Hana是Spline所推出的無限2D繪圖平台，它支援從文字或圖片來生成圖像，同時也支援使用Flux、Nano Banana、Seedream等不同的模型。使用者可以將最多六張圖片或Frame作為參考，進行組合、修改或創造出不同的版本。

Hana還提供背景移除、放大以及Frame參考生成的功能，讓向量形狀、文字與佈局能引導AI產出結果，且可將生成的圖像加入事件與效果中。

3D編輯器

在生成對象後，使用者可以繼續編輯尺寸、位置、旋轉、材質、顏色、燈光和相機，也能使用基本建模和場景工具來打造完整的體驗。AI負責加速起步過程，但最終的品質仍取決於設計與優化。

材質、燈光與環境

Spline支援多種材質層、紋理、燈光、陰影以及環境設定。網頁專案應控制高解析度紋理、透明材質、即時陰影以及燈光數量，以避免行動裝置的負載過重。

動畫、狀態與事件

對象可以建立狀態與轉場效果，並能對滑鼠、觸控、鍵盤、滾動、開始、Look At和Follow等事件作出反應。如此一來，便不需要使用傳統的3D編程技術，就能打造出懸停動畫、產品互動以及滾動式敘事效果。

變數、API與Webhook

Pro開放了無限的變數、API和Webhooks，並支援變數的本地儲存。可根據介面數據來更新文字、數字和狀態，適用於即時儀表板、配置器以及互動式產品。

外部API應透過安全後端代理，不能將金鑰放入公開場景。還需處理跨域、失敗重試、數據校驗和速率限制。

實時 API與Code API差異

即時 API 是在 Spline 編輯器中用來連接外部 API 的工具；而 Code API 則讓開發者能夠從自己的網頁代碼中讀取變數、修改物體的位置或材質、觸發轉場，並監聽 Spline 的事件。

兩者用途不同。

Web嵌入

場景可以透過程式碼片段嵌入網頁。Free版本會在內容中加入Spline水印，Hobby版本則可移除網頁中的水印，而Pro版本不僅能移除水印，還能提供更完整的開發功能。

嵌入前要測試首頁載入、懶載入、低性能裝置、觸控互動以及無障礙替代內容。複雜的即時3D會增加CPU、GPU和網路的負擔。

React與Next.js

官方的React組件封裝了Spline Runtime，因此可以在React與Next.js應用程式中載入場景、監聽事件以及呼叫物件方法。Code API則可用於尋找物件、設定縮放比例、觸發事件，以及動態改變物件的屬性。

服務端渲染和路由切換要正確處理動態導入、組件卸載和場景緩存，避免首頁報錯或重複佔用資源。

Apple平台導出

Pro支援Apple的導出功能，可透過Swift程式碼片段或所生成的Xcode專案，將場景整合到iPhone、iPad、Apple Silicon Mac以及Vision Pro上。其官方運行時環境則是以Metal與SwiftUI為基礎。

目前，原生運行時需要iOS或iPadOS 16及以上版本，以及A13及以上的芯片；Mac則需要macOS 13及Apple Silicon，而Vision Pro則需要M2芯片。

發布App Store還需要開發者計劃。

Android平台導出

Spline可生成Kotlin整合方式以及APK或AAB，協助將互動3D功能加入Android應用。由於不同GPU與系統版本的效能差異很大，因此需要在中低端裝置上進行測試。

3D檔案與影片導出

平台支援USDZ、STL、帶有顏色與紋理的GLTF以及影片等格式的導出，具體格式則取決於所選的套餐。在格式轉換的過程中，可能會失去一些事件、材質層或特效，因此導出後必須在目標引擎中進行驗證。

Spline套餐與價格對比

付費方案可按每月5美元增加1000個AI Credits，不同套餐可加購的上限不同。價格按席位計算，稅費與地區幣種以結算頁為準。

Hobby與Pro怎麼選？

若只需無限制的檔案數量、可無水印地導出網頁，以及更多素材，Hobby通常就夠用了；而如果需要無水印的嵌入功能、原生行動端導出功能、無限制的變數數量，以及API和Webhook功能，則應選擇Pro或更高等級的方案。

Max與Enterprise

Max主要面向高頻AI生成用戶，包含1萬Credits；Enterprise則增加SSO、多團隊治理、版本歷史、代碼導出以及Self-hosted Export功能，更適合有安全與部署需求的組織。

性能優化

網頁3D應減少多邊形、材質層、紋理尺寸、即時燈光以及同時播放的動畫，並採用懶載入與按需渲染的方式。此外，還需要在手機、電池模式以及整合式顯卡上進行測試。

數據與AI隱私

AI生成需要將提示詞和參考圖發送到雲服務。在上傳客戶產品、未公開角色和敏感素材之前，應核對Spline的AI數據使用與組織政策。

GitHub與開源狀態

Spline的核心瀏覽器編輯器、AI 3D生成功能、Hana，以及帳號與雲端服務等，均非開源產品。官方的GitHub頁面則公開了React組件、Web Runtime相關的套件，以及iOS運行時環境和範例專案。

react-spline採用MIT許可證，但公開運行時並不等同於完整的編輯器或AI模型的開源。Enterprise自托管導出也無法獲得核心平台的源碼。

Spline AI使用教學

完成一次基礎任務

1. 明確要在Spline AI中完成的代碼任務、倉庫範圍和驗收標準；
2. 連接或導入測試專案，並先備份當前分支；
3. 先使用Text to 3D文字生成3D生成計劃，再確認將修改的文件；
4. 使用Image to 3D圖片生成3D執行小範圍改動；
5. 運行測試、靜態檢查和建構，不直接接受未驗證的代碼；
6. 人工檢查權限、金鑰、依賴與異常處理後再合併；

建立可重複使用的專業工作流

1. 選取一個低風險真實專案作為模板；
2. 固定Text to 3D文字生成3D、Image to 3D圖片生成3D和Remix與變體的使用順序；
3. 記錄環境、模型、提示和失敗條件；
4. 為寫入、部署和刪除動作設定人工審批；
5. 比較速度、成本、測試通過率及返工量；
6. 驗證穩定後再擴展到團隊或生產環境；

適合哪些用戶？

• 製作互動3D網站的網頁設計師；
• 快速生成概念3D資產的視覺創作者；
• 製作產品配置器與品牌互動頁的團隊；
• 在React和Next.js專案中嵌入3D功能的開發者；
• 為iOS、Android和Vision Pro製作原生3D體驗的團隊；
• 需要2D AI圖像與3D場景一起探索的設計師。

產品優勢

• 在瀏覽器中完成3D、2D、動畫和互動；
• 支援文字和圖片生成3D、紋理與風格化圖像；
• 無需傳統3D編程即可製作事件和狀態；
• 覆蓋Web、React、Next.js、Apple與Android；
• 提供免費版和清晰的AI Credits梯度；
• 官方開放多個運行時與開發組件。

限制與注意事項

• AI生成模型的網格精度與拓撲有限，StyleTransfer仍屬實驗功能；
• 複雜網頁場景會帶來效能與載入問題，代碼、自託管與版本歷史僅在Enterprise開放；
• 付費按席位，AICredits還可能產生加購成本；
• 模型、參考圖片和生成資產的商業權利需單獨核查；

常見問題

Spline AI免費嗎？

Free可開始使用並進行有限AI體驗，正式高頻生成及無水印發布需要Hobby、Pro或Max。

Spline AI能把圖片變成3D嗎？

可以，Image to 3D使用正面圖片影響生成，但背面和遮擋區域由AI推測。

Spline可以嵌入React嗎？

可以，官方提供React與Next.js組件和Code API。

Spline Pro多少錢？

參考價為年付折算20美元/席位/月，或月付25美元/席位/月。

Spline是開源的嗎？

核心編輯器和AI平台不開源；官方React、Web和iOS運行時等部分組件公開。