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