# Hana 正式推出 - Spline blog (https://spline.design/zh/blog/introducing-hana)

> 一块全新的交互式设计画布。

[博客](https://spline.design/zh/blog)

2025年4月23日

# Hana 正式推出

一块全新的交互式设计画布。

[打开 Hana](https://app.spline.design)

Hana 为交互式设计带来了一种全新的方式。Hana 从零开始构建，以性能为核心，是一块用于设计和制作交互式 2D 体验动画的实时画布，从精致的界面到动态视觉效果，都能直接交付到生产环境。

Hana 让你能够在一块快速、无限的画布中，创建丰富的、基于状态的内容，让它们能够运作、响应并作出反应。

悬停或触摸即可交互（使用 Hana 制作的体验）

## 能力

为了 Hana，我们打造了一种新型渲染引擎，能够实时、极快地处理矢量数据。它为创作者带来现代化的矢量网络编辑、基于状态的过渡和 GPU 加速的特效，而这一切都在一个协作式的、浏览器原生的环境中完成。

你在 Hana 中设计的一切，默认都可以直接用于生产环境。无论是简单的形状，还是复杂的交互式体验，Hana 的引擎都能处理实时交互，并且可以轻松嵌入任何网站或应用。

从精确的矢量绘制到柔和的阴影与模糊，Hana 以一种轻盈却无限的方式，把强大与简洁结合在一起。

使用 Hana 制作的体验

## 实时设计协作

Hana 中的画框可以是独立运行的可播放组件，一切都在编辑器中完成。这样就不再需要单独的“动画”模式，简化了创作过程。你只需在编辑器中的画框上直接播放，就能与你的体验进行交互。画框还可以单独导出为在线链接、图片，未来还会支持更多格式。

分享一个链接，协作者就能立即加入，体验并参与到你的画布中。每一次编辑都实时呈现，反馈即时可见。这是从设计之初就为多人协作打造，并且做对了。

Hana 利用了 Spline 3D 编辑器早已支持的实时协作系统，让你的团队行动更快、保持同步。

使用 Hana 制作的矢量网络

## 实时矢量网络

矢量网络（Figma 于 2016 年提出的概念）允许把两条以上的线连接到同一个点上，让各种形状的创建变得更容易。

Hana 将这一思路提升到新的高度，推出了首个可以在实时环境中创建矢量网络的系统。

此外，多级布尔运算让你可以创建高级形状和流体效果，轻松实现复杂且可动画的形状。

## 交互与动画

使用事件驱动的交互为你的设计添加行为，从悬停状态到键盘输入，应有尽有。直接在画布上为过渡制作动画、构建流程、尝试动效，无需切换工具。

有了 Hana，动效和交互成为设计过程的一部分，而不再是事后才考虑的事情。

## 导出与分享，直达生产环境

与 Spline 的 3D 编辑器类似，在 Hana 中，你可以从任何画框生成在线交互式链接。一切都针对嵌入生产环境进行了优化，让你的作品在部署后与在编辑器中看起来一样出色。

## 交互的新时代

这是一种用于交互式思考的新媒介。无论你是在设计产品、打磨界面交互，还是创造丰富的交互式体验，Hana 都能帮你把想法变为现实。

**Hana 是未来更多可能的基础。**

这是我们更宏大愿景的第一步，也就是如今的 Spline 生态：在这里，2D/3D 设计与交互无缝融合、无缝部署。

我们迫不及待想看到你用 Hana 创作的作品！

—— Spline 团队 🌸

[了解更多](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm)

## 更多博客文章

[2026年11月3日Spline Arena 正式推出](https://spline.design/zh/blog/introducing-spline-arena)[2026年10月21日Spline for ChatGPT 正式推出](https://spline.design/zh/blog/introducing-spline-for-chatgpt)[2026年8月27日Hana V2 正式发布](https://spline.design/zh/blog/hana-v2)

[Spline](https://spline.design/zh)

面向团队及其智能体的 3D 和 2D 编辑器。一键发布到网页、iOS 和 Android。

#### 向 AI 询问 Spline

#### 产品

- [3D 设计](https://spline.design/zh/3d-design)
- [Hana](https://spline.design/zh/hana)
- [Omma](https://omma.build)
- [AI 3D 生成](https://spline.design/zh/ai-generate)
- [Spline MCP](https://spline.design/zh/mcp)
- [Spline Arena](https://spline.design/zh/arena)
- [定价](https://spline.design/zh/pricing)
- [企业版](https://spline.design/zh/enterprise)

#### 运行时

- [Web](https://spline.design/zh/web)
- [iOS](https://spline.design/zh/ios)
- [Android](https://spline.design/zh/android)

#### 应用

- [下载](https://spline.design/zh/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/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [解决方案](https://spline.design/solutions)

#### 社区

- [Spline 社区](https://community.spline.design)
- [Blog](https://spline.design/zh/blog)
- [更新日志](https://spline.design/zh/changelog)
- [教育](https://spline.design/zh/education)
- [Contra](https://spline.design/contra)
- [联盟计划](https://spline.design/zh/affiliate)

#### 公司

- [客户](https://spline.design/zh/customers)
- [招贤纳士](https://www.ycombinator.com/companies/spline/jobs)
- [安全](https://spline.design/zh/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.