Hana V2 正式发布

打开 Hana

今天我们发布 Hana V2，这是对我们 2D 设计画布的一次重大更新，现在由 AI 智能体和 MCP 驱动，支持 WebGPU 渲染等更多功能。

这次发布包括智能体和 MCP 支持、GLTF 和 GLB 模型导入、SVG 和 PDF 导出、改进的实时协作、迁移到 WebGPU，以及一系列较小的编辑器改进。

我们的 3D 编辑器 Spline 也迎来了它自己的 V2 版本。

AI 智能体

Hana 现在拥有了自己的 AI 智能体。让它设计一个界面、一个落地页或一个应用页面，它会用 Hana 自己的对象来构建结果：画框、文本、矢量和填充。输出的是一个可编辑的设计。它还能编辑现有内容，所以你可以把它指向一个已有的页面，描述你想要的修改。

Hana 还运行着一个 MCP 服务器，让外部 AI 工具可以直接在其中进行设计。Claude Code、Cursor、Codex 等工具拥有与内置智能体相同的能力：读取场景、创建和编辑对象、上传图片作为真实内容，以及截图检查自己的工作。

由于这些工具与你的代码一起运行，它们也可以基于代码仓库工作。把 Claude Code 或 Cursor 指向一个仓库，它就能在画布上以可编辑的 Hana 对象重建你的应用，使用你真实的页面、组件和文案。

2D 画布上的 3D

我们此前加入了对挤出 3D 形状的支持，它可以把任何 2D 形状变成 3D 几何体，并与原始形状保持实时关联，因此编辑形状时几何体会实时更新。

这次发布加入了导入的 3D 模型。GLTF 和 GLB 文件会作为 3D 对象导入画布，包括网格、材质和纹理，以及骨骼、蒙皮和变形目标，因此绑定了骨骼的动画模型会保留其动画。动画检查器可以选择片段并控制播放，网格设置则可以控制光照和着色。

3D 对象和其他 Hana 对象一样。它使用与矩形、文本和矢量网络相同的形状系统，因此可以应用相同的变换，遵循相同的布局规则，并在同一套动画系统上制作动画。

借助 WebGPU 提速画布

Hana 通过自己的引擎进行渲染，能够实时以完整质量绘制矢量形状、布尔运算、模糊和阴影。这个引擎现在默认运行在 WebGPU 上，让渐变、曲面细分、点击检测、剔除、挤出动画和文件加载都变得更快。

导出与导入

画框现在可以导出为 SVG，让矢量作品以矢量形式离开 Hana；也可以导出为 PDF，用于打印和交付。

Adobe Illustrator 文件可以直接导入画布，现有的作品无需先转换就能导入。

体验改进

现在你可以按住 Alt 或 Option 键，查看所选内容与鼠标悬停对象之间的距离。选择多个对象时会显示它们之间的间距。网格布局工具可以把所选内容排列成可配置的网格，画框模板则涵盖了常见的设备和社交媒体尺寸。

图片新增了裁剪和适配控制，拖动缩放手柄时按住 CMD 可以原地裁剪填充，而不是缩放它。文本可以用省略号截断。平滑圆角现在适用于自定义形状和所有 2D 基本图形，而不仅限于矩形。取色器现在会显示对比度。

新增了二十多种动画过渡，包括 sine、expo、circ、back、power 和 bezier 等变体，以及弹簧效果。

协作者的光标现在会实时更新，不再滞后。你可以看到每个人的光标及其名字、他们所选内容的轮廓，以及他们正在进行的框选。

全新的桌面应用

桌面应用经过重建，并在 macOS 和 Windows 上直接替换了之前的版本。

文件以标签页的形式打开，因此可以同时打开多个项目，Spline 场景也可以使用同一个登录账号，出现在同一排标签页中。应用还会读取你电脑上安装的字体，并在字体选择器中与 Google Fonts 一起列出。

外部智能体也通过它来连接。把它和你的 AI 工具（Claude Code、Claude Desktop、ChatGPT、Cursor、VS Code、Antigravity）一起启动，Spline 就会自动注册到该工具中，无需任何配置。每个标签页上的指示器会显示智能体何时正在处理某个文件。

现已推出

Hana V2 带来了 AI 智能体和 MCP 服务器、GLTF 和 GLB 模型导入、SVG 和 PDF 导出、改进的实时协作者光标、WebGPU 渲染，以及上述编辑器改进。

我们的 3D 编辑器 Spline 也迎来了它自己的 V2 版本。

下载桌面应用，或在浏览器中打开 Hana。

Spline 团队 🌸

打开 Hana