# Представляємо Hana V2 - Spline blog (https://spline.design/uk/blog/hana-v2)

> Велике оновлення нашого полотна для 2D-дизайну: ШІ-агенти й MCP, рендеринг на WebGPU, 3D-об’єкти в реальному часі та інше.

[Блог](https://spline.design/uk/blog)

27 серпня 2026 р.

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

Велике оновлення нашого полотна для 2D-дизайну: ШІ-агенти й MCP, рендеринг на WebGPU, 3D-об’єкти в реальному часі та інше.

[Відкрити Hana](https://app.spline.design)

Сьогодні ми випускаємо Hana V2 — велике оновлення нашого полотна для 2D-дизайну, яке тепер працює зі ШІ-агентами й MCP, рендерингом на WebGPU та іншим.

У цьому релізі: підтримка агента й MCP, імпорт моделей GLTF і GLB, експорт у SVG і PDF, покращена спільна робота в реальному часі, перехід на WebGPU та низка менших покращень редактора.

Spline, наш 3D-редактор, теж отримав власний [реліз V2](https://spline.design/uk/blog/spline-v2).

## ШІ-агент

Тепер у Hana є власний ШІ-агент. Попросіть його створити дизайн інтерфейсу, лендинг чи екран застосунку — і він збере результат із власних об’єктів Hana: фреймів, тексту, векторів і заливок. На виході — редагований дизайн. Агент також уміє редагувати наявний контент, тож можна вказати йому на вже готовий екран і описати потрібні зміни.

Hana також запускає MCP-сервер, тож зовнішні ШІ-інструменти можуть створювати дизайн у ній напряму. Claude Code, Cursor, Codex та інші отримують ті самі можливості, що й вбудований агент: читати сцену, створювати й редагувати об’єкти, завантажувати зображення як справжній контент і робити скриншоти, щоб перевіряти свою роботу.

Оскільки ці інструменти працюють поруч із вашим кодом, вони можуть також працювати з репозиторієм. Вкажіть Claude Code чи Cursor на репозиторій — і він відтворить ваш застосунок на полотні як редаговані об’єкти Hana, використовуючи ваші справжні екрани, компоненти й тексти.

ШІ-агент Hana створює три варіації дизайну мобільного застосунку

## 3D на 2D-полотні

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

У цьому релізі з’явилися імпортовані 3D-моделі. Файли GLTF і GLB імпортуються на полотно як 3D-об’єкти — з мешами, матеріалами й текстурами, а також скелетами, скінінгом і морф-таргетами, тож моделі з ригом і анімацією зберігають свою анімацію. Інспектор анімації дає змогу вибрати кліп і керувати відтворенням, а налаштування мешу керують освітленням і затіненням.

3D-об’єкт — це такий самий об’єкт Hana, як і будь-який інший. Він використовує ту саму систему форм, що й прямокутники, текст і векторні мережі, тож підтримує ті самі трансформації, дотримується тих самих правил макета й анімується тією самою системою анімації.

Дизайни в Hana з імпортованими 3D-об’єктами

## Швидше полотно з WebGPU

Hana рендерить через власний рушій, який малює векторні форми, булеві операції, розмиття й тіні в повній якості в реальному часі. Тепер цей рушій за замовчуванням працює на WebGPU, завдяки чому градієнти, тесселяція, хіт-тестинг, відсікання, анімація видавлювання й завантаження файлів стали швидшими.

## Експорт та імпорт

Тепер фрейми експортуються в 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 та описані вище покращення редактора.

Завантажте десктопний застосунок або відкрийте Hana в браузері.

Команда Spline 🌸

## Більше з блогу

[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)[20 серпня 2026 р.Представляємо Spline V2](https://spline.design/uk/blog/spline-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.
