Представляем Hana V2

Большое обновление нашего холста для 2D-дизайна: ИИ-агенты и MCP, рендеринг на WebGPU, 3D-объекты в реальном времени и многое другое.

Открыть Hana

Сегодня мы выпускаем Hana V2 — большое обновление нашего холста для 2D-дизайна, который теперь работает с ИИ-агентами и MCP, рендерится на WebGPU и не только.

В релиз вошли поддержка агента и MCP, импорт моделей GLTF и GLB, экспорт в SVG и PDF, улучшенная совместная работа в реальном времени, переход на WebGPU и набор небольших улучшений редактора.

У Spline, нашего 3D-редактора, тоже вышел собственный релиз V2.

ИИ-агент

Теперь у Hana есть собственный ИИ-агент. Попросите его создать дизайн интерфейса, лендинг или экран приложения — и он соберёт результат из объектов самой Hana: фреймов, текста, векторов и заливок. На выходе получается редактируемый дизайн. Агент умеет и править существующий контент: укажите ему на готовый экран и опишите нужные изменения.

Кроме того, Hana запускает MCP-сервер, так что внешние ИИ-инструменты могут работать в ней напрямую. Claude Code, Cursor, Codex и другие получают те же возможности, что и встроенный агент: читать сцену, создавать и редактировать объекты, загружать изображения в качестве реального контента и делать скриншоты, чтобы проверять свою работу.

Поскольку эти инструменты работают рядом с вашим кодом, они могут опираться и на репозиторий. Направьте Claude Code или Cursor на репозиторий — и он воссоздаст ваше приложение на холсте в виде редактируемых объектов Hana, используя ваши настоящие экраны, компоненты и тексты.

ИИ-агент Hana создаёт три варианта дизайна мобильного приложения

3D на 2D-холсте

Ранее мы добавили выдавленные 3D-фигуры: они превращают любую 2D-фигуру в 3D-геометрию и сохраняют живую связь с оригиналом, так что правка фигуры обновляет геометрию в реальном времени.

В этом релизе появился импорт 3D-моделей. Файлы GLTF и GLB импортируются на холст как 3D-объекты — с мешами, материалами и текстурами, а также скелетами, скиннингом и morph targets, поэтому модели с ригом и анимацией сохраняют свою анимацию. Инспектор анимации позволяет выбрать клип и управлять воспроизведением, а настройки меша — освещением и шейдингом.

3D-объект — такой же объект Hana, как и любой другой. Он использует ту же систему фигур, что прямоугольники, текст и векторные сети, поэтому к нему применяются те же трансформации, те же правила раскладки и та же система анимации.

Дизайны в Hana с импортированными 3D-объектами

Более быстрый холст на WebGPU

Hana рендерит через собственный движок, который в реальном времени и в полном качестве отрисовывает векторные фигуры, булевы операции, размытия и тени. Теперь этот движок по умолчанию работает на WebGPU, благодаря чему быстрее стали градиенты, тесселяция, hit-testing, отсечение, анимация выдавливания и загрузка файлов.

Экспорт и импорт

Фреймы теперь экспортируются в SVG — векторная работа покидает Hana в виде векторов — и в PDF для печати и передачи в разработку.

Файлы Adobe Illustrator импортируются прямо на холст, так что готовые иллюстрации можно перенести без предварительной конвертации.

Улучшения для удобства

Теперь, удерживая Alt или Option, можно увидеть расстояние между выделением и объектом под курсором. При выделении нескольких объектов показываются промежутки между ними. Инструмент сеточной раскладки выстраивает выделение в настраиваемую сетку, а шаблоны фреймов покрывают популярные размеры устройств и соцсетей.

У изображений появились настройки обрезки и вписывания, а если удерживать CMD, перетаскивая маркер изменения размера, заливка обрезается на месте, а не масштабируется. Текст можно обрезать многоточием. Плавные скругления углов теперь применяются к пользовательским фигурам и всем 2D-примитивам, а не только к прямоугольникам. Палитра цветов теперь показывает коэффициенты контрастности.

Добавлено больше двадцати новых переходов анимации, включая варианты sine, expo, circ, back, power и bezier, а также spring.

Курсоры соавторов теперь обновляются в реальном времени, а не отстают. Вы видите курсор каждого участника с его именем, обводку его выделения и выделение рамкой прямо в момент действия.

Интерактивные дизайны, созданные в Hana

Новое десктопное приложение

Десктопное приложение пересобрано и заменяет предыдущую версию на macOS и Windows.

Файлы открываются во вкладках, так что можно держать открытыми сразу несколько проектов, а сцена Spline может находиться в той же полосе вкладок под тем же входом. Приложение также читает шрифты, установленные на вашем компьютере, и показывает их в выборе шрифтов рядом с Google Fonts.

Через него же подключаются внешние агенты. Запустите его вместе со своим ИИ-инструментом (Claude Code, Claude Desktop, ChatGPT, Cursor, VS Code, Antigravity) — и Spline автоматически зарегистрируется в нём, ничего не нужно настраивать. Индикатор на каждой вкладке показывает, когда агент работает с файлом.

Добавление экранов приложения из репозитория проекта на холст Hana через MCP

Уже доступно

Hana V2 приносит ИИ-агента и MCP-сервер, импорт моделей GLTF и GLB, экспорт в SVG и PDF, улучшенные курсоры соавторов в реальном времени, рендеринг на WebGPU и описанные выше улучшения редактора.

У Spline, нашего 3D-редактора, тоже вышел собственный релиз V2.

Скачайте десктопное приложение или откройте Hana в браузере.

Команда Spline 🌸

Открыть Hana

Ещё в блоге