# Рідке скло й 3D у Hana - Spline blog (https://spline.design/uk/blog/hana-3d-glass-autolayout-video) > Нове в Hana: 3D Transform, Liquid Glass і Autolayout [Блог](https://spline.design/uk/blog) 9 липня 2025 р. # Рідке скло й 3D у Hana Нове в Hana: 3D Transform, Liquid Glass і Autolayout [Відкрити Hana](https://app.spline.design) Сьогодні ми анонсуємо величезне оновлення Hana з проривними функціями: рідким склом (Liquid Glass) у реальному часі, 3D Transform, Autolayout і відеошарами. ## Рідке скло в Hana З появою iOS 26 ефект Liquid Glass привернув увагу всієї дизайн-спільноти. Тепер цей ефект можна застосувати до будь-якого шару об’єкта в Hana. Ви можете редагувати параметри скла, як-от Distortion, щоб керувати силою заломлення. Проте можна піти далі за стиль iOS і створювати власні ефекти скла. Ми подбали, щоб параметри були достатньо універсальними для різних творчих результатів: деякі аспекти поведінки ефекту можна перебільшувати й досягати ще виразнішої естетики. Наведіть курсор або торкніться, щоб взаємодіяти (досвід створено в Hana) ## Скло в кілька шарів У більшості інструментів для дизайну ефекти розмиття чи скла зазвичай обмежені одним шаром: якщо накласти кілька шарів, спотворення скла не накопичується й залишається пласким. У Hana можна легко накласти кілька шарів скла й побачити, як кожен заломлює елементи позаду чи під ним, — зовсім як у реальному житті. Це відкриває цілий набір нових творчих можливостей. Так працюють не лише ефекти скла, а й розмиття фону. Керуйте кількома шарами рідкого скла в Hana ## 3D Transform Перехід від 2D до 3D завжди був викликом. Коли ми почали працювати над цією функцією, то знали, що хочемо дати безшовний спосіб легко перемикатися між 2D і 3D, нічого не втрачаючи. Тепер у Hana будь-який об’єкт може бути 3D-об’єктом із параметрами для керування його позицією (Depth), обертанням і перспективою в 3D-просторі. Усі ці параметри можна анімувати, і вони сумісні із системою станів і подій. Керуйте перспективою, обертанням і позицією об’єкта по осі z у Hana ## Фрейми та 3D-портали Коли фрейм стає 3D, він також стає вікном у власний 3D-простір. Це особливо корисно для створення порталів — візуальних елементів, у яких видно глибину всередині. Це просто: покладіть елементи у фрейм, зробіть фрейм 3D і змініть 3D-позицію чи обертання елементів усередині. Тепер, якщо змінити обертання чи позицію фрейму, ви побачите, як елементи відображаються всередині з кількома рівнями глибини. 3D-портали у фреймах, створені в Hana ## Autolayout Тепер Hana підтримує макети з повністю анімованими параметрами. Можна створювати вертикальні й горизонтальні макети з налаштовуваними відступами й проміжками. Макети працюють разом із подіями й станами та оновлюються в реальному часі, посилюючи інтерактивність. Ми також додали підтримку макетів masonry, схожих на колонки в Pinterest. Проєкти, створені в Hana за допомогою Layout ## Відеошари Тепер у Spline Hana можна легко вбудувати відео в будь-який шар. Це стане в пригоді, коли ви створюєте інтерактивну презентацію чи працюєте з моушн-дизайном. Просто перемкніться на Video Layer на панелі Fill і завантажте або перетягніть своє відео. Як і в 3D-редакторі Spline, відео в Hana можна запускати власними подіями. За замовчуванням відео відтворюється за подією Start, але це можна змінити й запускати його подіями миші чи будь-якою іншою подією. ## Нові творчі можливості Ось скільки всього! Сподіваємося, вам сподобаються всі нові функції, які ми сьогодні випустили, і ви почнете створювати захопливі нові дизайни. — Команда 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)[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.