# Представляем Hana - Spline blog (https://spline.design/ru/blog/introducing-hana) > Новый холст для интерактивного дизайна. [Блог](https://spline.design/ru/blog) 23 апреля 2025 г. # Представляем Hana Новый холст для интерактивного дизайна. [Открыть Hana](https://app.spline.design) Hana — это новый подход к интерактивному дизайну. Созданная с нуля с упором на производительность, Hana — холст реального времени для дизайна и анимации интерактивного 2D: от отточенных интерфейсов до динамичных визуалов — с доставкой прямо в продакшен. Hana позволяет создавать богатый контент на основе состояний, который ведёт себя, откликается и реагирует на быстром бесконечном холсте. Наведите курсор или коснитесь, чтобы взаимодействовать (опыт создан в Hana) ## Возможности Для Hana мы создали движок рендеринга нового типа, который обрабатывает векторные данные очень быстро, в реальном времени. Он даёт авторам современное редактирование векторных сетей, переходы на основе состояний и эффекты с GPU-ускорением — и всё это в среде для совместной работы, которая живёт прямо в браузере. Всё, что вы создаёте в Hana, по умолчанию готово к продакшену. Будь то простая фигура или сложный интерактивный опыт, движок Hana рассчитан на взаимодействия в реальном времени, которые легко встроить в любой сайт или приложение. От точного векторного рисования до мягких теней и размытий — Hana сочетает мощь и простоту так, что работа ощущается лёгкой и при этом безграничной. Опыт, созданный в Hana ## Совместный дизайн в реальном времени Фреймы в Hana могут быть воспроизводимыми компонентами, которые работают независимо, прямо в редакторе. Это упрощает работу: отдельный режим «Animate» больше не нужен. Вместо этого можно взаимодействовать с опытом, запуская его прямо во фрейме в редакторе. Фреймы также можно экспортировать по отдельности — как живые ссылки, изображения, а в будущем и не только. Поделитесь ссылкой — и соавторы мгновенно подключатся, чтобы посмотреть и внести свой вклад в ваш холст. Каждая правка видна сразу. Обратная связь — мгновенная. Совместная работа заложена в саму основу — и сделана как надо. Hana использует систему совместной работы в реальном времени из 3D-редактора Spline, которая уже поддерживается, поэтому ваша команда может двигаться быстрее и оставаться на одной волне. Векторные сети, созданные в Hana ## Векторные сети в реальном времени Векторные сети (концепция, которую Figma представила в 2016 году) позволяют соединять в одной точке больше двух линий, что упрощает создание самых разных фигур. Hana выводит этот подход на новый уровень: это первая система, которая позволяет создавать векторные сети в среде реального времени. Кроме того, многоуровневые булевы операции позволяют легко создавать продвинутые формы и текучие эффекты и получать сложные анимируемые фигуры. ## Взаимодействия и анимация Добавляйте дизайну поведение с помощью взаимодействий на основе событий — от состояний при наведении до ввода с клавиатуры. Анимируйте переходы, собирайте сценарии и экспериментируйте с движением прямо на холсте. Никакого переключения между инструментами. В Hana движение и интерактивность становятся частью процесса дизайна, а не чем-то, о чём думают в последнюю очередь. ## Экспорт и публикация для продакшена Как и в 3D-редакторе Spline, в Hana из любого фрейма можно сгенерировать живую интерактивную ссылку. Всё оптимизировано для встраивания в продакшен-среду, поэтому ваша работа после деплоя выглядит так же хорошо, как в редакторе. ## Новая эра интерактивности Это новый медиум для интерактивного мышления. Проектируете ли вы продукт, продумываете UI-взаимодействие или создаёте богатый интерактивный опыт — Hana поможет воплотить ваши идеи. **Hana — фундамент для того, что будет дальше.** Это первый шаг более широкого видения того, что теперь стало экосистемой Spline, где 2D- и 3D-дизайн и интерактивность органично сливаются и легко публикуются. Нам не терпится увидеть, что вы создадите в Hana! — Команда Spline 🌸 [Подробнее](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm) ## Ещё в блоге [3 ноября 2026 г.Представляем Spline Arena](https://spline.design/ru/blog/introducing-spline-arena)[21 октября 2026 г.Представляем Spline для ChatGPT](https://spline.design/ru/blog/introducing-spline-for-chatgpt)[27 августа 2026 г.Представляем Hana V2](https://spline.design/ru/blog/hana-v2) [Spline](https://spline.design/ru) 3D- и 2D-редактор для команд и их агентов. Публикуйте в веб, на iOS и Android. #### Спросите ИИ о Spline #### Продукты - [3D-дизайн](https://spline.design/ru/3d-design) - [Hana](https://spline.design/ru/hana) - [Omma](https://omma.build) - [Генерация 3D с ИИ](https://spline.design/ru/ai-generate) - [Spline MCP](https://spline.design/ru/mcp) - [Spline Arena](https://spline.design/ru/arena) - [Цены](https://spline.design/ru/pricing) - [Enterprise](https://spline.design/ru/enterprise) #### Рантаймы - [Web](https://spline.design/ru/web) - [iOS](https://spline.design/ru/ios) - [Android](https://spline.design/ru/android) #### Приложения - [Скачать](https://spline.design/ru/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Скачать Spline Mirror](https://spline.design/download-mirror) #### Обучение - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/ru/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Решения](https://spline.design/solutions) #### Сообщество - [Сообщество Spline](https://community.spline.design) - [Blog](https://spline.design/ru/blog) - [Что нового](https://spline.design/ru/changelog) - [Образование](https://spline.design/ru/education) - [Contra](https://spline.design/contra) - [Партнёрам](https://spline.design/ru/affiliate) #### Компания - [Клиенты](https://spline.design/ru/customers) - [Вакансии](https://www.ycombinator.com/companies/spline/jobs) - [Безопасность](https://spline.design/ru/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.