# Жидкое стекло и 3D в Hana - Spline blog (https://spline.design/ru/blog/hana-3d-glass-autolayout-video) > Новое в Hana: 3D Transform, Liquid Glass и Autolayout [Блог](https://spline.design/ru/blog) 9 июля 2025 г. # Жидкое стекло и 3D в Hana Новое в Hana: 3D Transform, Liquid Glass и Autolayout [Открыть Hana](https://app.spline.design) Сегодня мы представляем большое обновление Hana с прорывными функциями: жидким стеклом в реальном времени, 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/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.