Spline
設計工具
熟悉又進階的專業設計工具
熟悉的設計工具、進階效果，以及讓大型專案保持井然有序的結構。
- 以畫框為基礎的無限畫布
- 向量網路與布林運算
- 頁面與區段
- 漸層、玻璃與 3D 形狀
設計畫布，由 AI 代理驅動
與你的團隊一起設計，背後有 AI 代理、MCP，以及GPU 加速的向量編輯工具。
作品庫
動態設計，由 Hana 驅動
探索用 Hana 打造的範例。重新混搭、重新打造，看看你的想法如何成為可直接上線的體驗。
互動與動畫
讓你的設計活起來
透過狀態、事件與動畫加入動態效果與互動，可以親手製作，也可以請 AI 代理代勞。
- 狀態與事件
- 以轉場動作製作動畫
- Follow 與 Look At 互動
AI 代理
讓 AI 代理也能設計的畫布
Hana 內建的 AI 代理會在畫布上設計，你自己的代理也可以，無論是從 Claude、ChatGPT、Cursor 或任何 MCP 用戶端。
- 打造畫框、效果與互動
- 同時平行打造多個畫面
- 透過 MCP 使用你自己的代理
- 所有內容都能親手編輯
為互動而生
為互動而生的設計工具
快速又熟悉的介面，提供設計即時互動介面、動態效果與圖像所需的工具。
熟悉的設計工具
在無限畫布上使用畫框、鋼筆工具、布林運算、形狀等工具進行設計。
強大的互動功能
透過狀態、事件與動作打造互動體驗。
動畫體驗
透過狀態與轉場，為你的設計加入動態效果。
視覺效果
運用陰影、模糊、雜訊、玻璃與 3D，打造即時視覺效果。
即時布林運算
建立精密的布林運算系統，並即時為它們製作動畫。
向量網路
建立向量網路，並為它們加入獨特的互動。
畫布上預覽
直接在畫布上預覽你的互動與動畫。
可直接上線的匯出
將你的互動式設計整合到網站、網頁應用程式和數位產品中。
協作
即時一起設計
在無限畫布上透過即時協作設計互動，並在全團隊共用的工作區中井然有序地管理。
即時多人協作
與整個團隊在同一個檔案中一起設計。
角色與權限
全面掌控每個人的編輯者與檢視者角色。
檔案管理
團隊共用的空間，集中儲存與管理所有檔案和專案。
備註與意見回饋
直接在編輯器中為團隊留言或做筆記。
匯出
為網頁發布互動體驗
將互動體驗無縫整合到你的網站、網頁應用程式和數位產品中。
移動滑鼠或手指即可互動重新混搭場景
index.html
<!-- Import the Hana Viewer -->
<script type="module"
src="https://cdn.spline.design/@splinetool/hana-viewer@1.0.97/hana-viewer.js">
</script>
<!-- Add your design anywhere on the page -->
<hana-viewer
url="https://prod.spline.design/HfFj1WYWsj69dY8U-Eld/scene.hanacode">
</hana-viewer>