Spline
设计工具
熟悉而强大的专业设计工具
熟悉的设计工具、高级效果，以及让大型项目井井有条的结构。
- 基于画框的无限画布
- 矢量网络与布尔运算
- 页面与分区
- 渐变、玻璃和 3D 形状
设计画布由 AI 智能体驱动
作品库
让设计动起来，由 Hana 驱动
探索用 Hana 构建的示例。二次创作、重新构建，看看你的创意如何变成可直接上线的体验。
交互与动画
让你的设计活起来
通过状态、事件和动画添加动效与交互，可以亲手制作，也可以交给智能体。
- 状态与事件
- 用过渡动作制作动画
- Follow 和 Look At 交互
AI 智能体
智能体也能在上面设计的画布
Hana 自带的智能体可以在画布上设计，你的智能体也可以，无论来自 Claude、ChatGPT、Cursor 还是任何 MCP 客户端。
- 构建画框、效果和交互
- 并行构建多个屏幕
- 通过 MCP 接入你自己的智能体
- 一切仍可手动编辑
为交互而生
为交互而生的设计工具
快速、熟悉的界面，提供设计实时交互界面、动效和图形所需的工具。
熟悉的设计工具
在无限画布上使用画框、钢笔工具、布尔运算、形状等进行设计。
强大的交互能力
用状态、事件和动作打造交互体验。
动画体验
通过状态和过渡为设计添加动效。
视觉效果
使用阴影、模糊、噪点、玻璃和 3D 创建实时视觉效果。
实时布尔运算
创建复杂的布尔系统，并实时为其添加动画。
矢量网络
创建矢量网络，并为其添加独特的交互。
画布内预览
直接在画布上预览交互和动画。
可直接上线的导出
将你的交互设计集成到网站、Web 应用和数字产品中。
协作
实时协作，共同设计
在无限画布上实时协作设计交互，并在全团队共享的工作区中统一管理。
实时多人协作
与整个团队在同一个文件中一起设计。
角色与权限
通过编辑者和查看者角色，全面掌控每个人的权限。
文件管理
一个共享的团队空间，存储和管理所有文件与项目。
备注与反馈
直接在编辑器中给团队留下评论或做笔记。
导出
将交互发布到网页
将交互体验无缝集成到你的网站、Web 应用和数字产品中。
移动鼠标或手指即可互动二次创作场景
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>