# Spline Hana - Полотно для дизайну на основі ШІ-агентів (https://spline.design/uk/hana)
> Hana — 2D-полотно для дизайну від Spline: векторне редагування з GPU-прискоренням, стани й анімації та ШІ-агенти — власний або ваш через MCP, — що проєктують разом із вашою командою.
# Полотно для дизайну на основі ШІ-агентів
Проєктуйте з командою за підтримки ШІ-агентів, MCP та **інструментів векторного редагування з GPU-прискоренням**.
[Почати створювати](https://app.spline.design/signin)[Підключити агента](https://spline.design/uk/mcp)
Бібліотека
## Дизайн у русі, на основі Hana
Перегляньте приклади, створені в Hana. Реміксуйте, перебудовуйте й досліджуйте, як ваші ідеї можуть стати готовими до продакшену проєктами.
[3D Circular](https://app.spline.design/ui/0c5cafee-bc08-47b1-aa31-41c30beae895)[Fire Character](https://app.spline.design/ui/b0d21f98-f238-4b2c-a6f0-b478719bcc3c)[3D Card](https://app.spline.design/ui/539d3930-61a4-47c9-8324-b81ecb4c93dc)[Cards](https://app.spline.design/ui/0f721512-9f57-455a-8ea9-4641e15a0ca4)[Path Icons](https://app.spline.design/ui/9389d529-f05b-4aa7-9360-11175d1b4e72)
[Noise](https://app.spline.design/ui/c0d70e64-db86-409e-90b5-d03e413eb554)[3D UI](https://app.spline.design/ui/ba70eea9-74e0-4b06-af5e-f622d88b719a)[Power](https://app.spline.design/ui/58ee653d-f29a-489d-83ba-6af3b2086a1a)[Glass Icons](https://app.spline.design/ui/c915f089-5725-47ac-a458-e2df51a45aa1)[Auto Layout](https://app.spline.design/ui/a3144449-bf5c-4189-a3f1-dda35c699bc4)
[Earth](https://app.spline.design/ui/8937cf42-317a-43cb-bbef-d3244437d8c6)[Japanese Text](https://app.spline.design/ui/248fa04b-dae6-4ef4-a457-0eef1e760fbc)[Masking](https://app.spline.design/ui/c7bd1796-a808-44be-8220-fffd02fafbdf)[Blend](https://app.spline.design/ui/98cec79c-bad6-4504-810b-f0a198625a99)[Hana Serif](https://app.spline.design/ui/da8a844d-cff7-403d-b544-d6a0dd8149bf)
Інструменти дизайну
## Знайомі й просунуті інструменти для професійного дизайну
Знайомі інструменти дизайну, просунуті ефекти та структура, що тримає великі проєкти впорядкованими.
- Нескінченне полотно на основі фреймів
- Векторні мережі та булеві операції
- Сторінки й секції
- Градієнти, скло та 3D-форми
Інтерактивність і анімація
## Оживіть свої дизайни
Додавайте рух та інтерактивність за допомогою станів, подій і анімацій — вручну або попросивши агента.
- Стани й події
- Анімація через дії переходу
- Інтерактивність Follow і Look At
ШІ-агенти
## Полотно, на якому можуть проєктувати ваші агенти
Власний агент Hana проєктує на полотні, і ваш теж може — з Claude, ChatGPT, Cursor чи будь-якого MCP-клієнта.
- Створює фрейми, ефекти й взаємодії
- Кілька екранів паралельно
- Ваш власний агент через MCP
- Усе можна редагувати вручну
[Підключити агента](https://spline.design/uk/mcp)
Створено для інтерактивності
## Інструмент дизайну, створений для інтерактивності
Швидкий знайомий інтерфейс з усіма інструментами, потрібними для дизайну інтерактивних інтерфейсів, руху й графіки в реальному часі.
- ### Знайомі інструменти дизайну
Проєктуйте на нескінченному полотні з фреймами, пером, булевими операціями, фігурами та іншим.
- ### Потужна інтерактивність
Створюйте інтерактивний досвід за допомогою станів, подій і дій.
- ### Анімований досвід
Додавайте рух у дизайни за допомогою станів і переходів.
- ### Візуальні ефекти
Використовуйте тіні, розмиття, шум, скло й 3D для візуальних ефектів у реальному часі.
- ### Булеві операції в реальному часі
Створюйте складні булеві системи й анімуйте їх у реальному часі.
- ### Векторні мережі
Створюйте векторні мережі й додавайте до них унікальну інтерактивність.
- ### Попередній перегляд на полотні
Переглядайте інтерактивність і анімації просто на полотні.
- ### Експорт, готовий до продакшену
Інтегруйте інтерактивні дизайни в сайти, вебзастосунки й цифрові продукти.
Співпраця
## Проєктуйте разом, у реальному часі
Створюйте інтерактивність на нескінченному полотні зі співпрацею в реальному часі, упорядковану в спільному робочому просторі для всієї команди.
### Мультиплеєр у реальному часі
Проєктуйте разом з усією командою в одному файлі.
### Ролі та дозволи
Повний контроль над індивідуальними ролями редактора й глядача.
### Керування файлами
Спільний командний простір для зберігання й керування всіма файлами та проєктами.
### Нотатки й відгуки
Залишайте коментарі для команди або робіть нотатки просто в редакторі.
Експорт
## Публікуйте інтерактивність у вебі
Легко інтегруйте інтерактивний досвід у свої сайти, вебзастосунки й цифрові продукти.
Рухайте мишею чи пальцем, щоб взаємодіяти[Реміксувати сцену](https://app.spline.design/ui/2e2daf97-d4bb-4861-9ef6-81348aa5a77d)
index.html
```
```
[Webflow](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Framer](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Wix Studio](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[HTML / JS](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Notion](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Shopify](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)
## Почніть проєктувати в Hana
Підключіть агента, запросіть команду й опублікуйте свій перший дизайн уже сьогодні.
[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.