# Liquid Glass dan 3D di Hana - Spline blog (https://spline.design/id/blog/hana-3d-glass-autolayout-video) > Baru di Hana: 3D Transform, Liquid Glass, dan Autolayout [Blog](https://spline.design/id/blog) 9 Juli 2025 # Liquid Glass dan 3D di Hana Baru di Hana: 3D Transform, Liquid Glass, dan Autolayout [Buka Hana](https://app.spline.design) Hari ini, kami mengumumkan pembaruan besar untuk Hana yang menghadirkan fitur-fitur terobosan seperti Liquid Glass real-time, 3D Transform, Autolayout, dan Video Layer. ## Liquid Glass di Hana Sejak diperkenalkannya iOS 26, efek Liquid Glass telah menarik perhatian komunitas desain. Kini, Anda bisa menerapkan efek ini pada layer objek apa pun di Hana. Anda bisa mengedit parameter kaca, seperti Distortion, untuk mengontrol besarnya refraksi. Namun, Anda bisa melampaui gaya iOS dan membuat efek kaca kustom. Kami memastikan parameternya cukup umum untuk menghasilkan berbagai hasil kreatif, dengan memungkinkan Anda melebih-lebihkan sebagian perilaku efeknya dan mencapai estetika visual yang lebih mencolok. Arahkan kursor atau sentuh untuk berinteraksi (pengalaman dibuat dengan Hana) ## Kaca Bertumpuk Di sebagian besar alat desain, penerapan efek blur atau kaca biasanya terbatas pada satu layer, artinya jika Anda menumpuk beberapa layer, distorsi kacanya tidak akan terakumulasi dan tetap datar. Di Hana, Anda bisa dengan mudah menumpuk beberapa layer kaca dan melihat bagaimana masing-masing membiaskan elemen di belakang atau di bawahnya, persis seperti di dunia nyata, membuka berbagai peluang kreatif baru. Ini berlaku untuk efek kaca, dan juga untuk efek background blur. Manipulasi beberapa layer Liquid Glass di Hana ## 3D Transform Beralih dari 2D ke 3D selalu menjadi tantangan. Saat mulai mengerjakan fitur ini, kami tahu kami ingin menghadirkan cara yang mulus untuk berpindah antara 2D dan 3D dengan mudah tanpa kehilangan apa pun di antaranya. Di Hana, kini objek apa pun bisa menjadi objek 3D, dengan parameter untuk mengontrol posisi (Depth), rotasi, dan perspektifnya di ruang 3D. Semua parameter ini bisa dianimasikan dan kompatibel dengan sistem state/event. Kontrol perspektif, rotasi, dan posisi z objek di Hana ## Frame dan Portal 3D Saat sebuah frame menjadi 3D, frame itu juga menjadi jendela ke ruang 3D-nya sendiri. Ini sangat berguna untuk membuat portal, elemen visual yang memperlihatkan kedalaman di dalam dirinya. Caranya mudah: cukup letakkan item di dalam frame, jadikan frame itu 3D, lalu ubah posisi atau rotasi 3D item di dalamnya. Sekarang, jika Anda mengubah rotasi atau posisi frame, Anda akan melihat bagaimana item-item itu dirender di dalamnya, dengan beberapa tingkat kedalaman. Portal 3D di dalam frame yang dibuat di Hana ## Autolayout Hana kini mendukung layout dengan parameter yang sepenuhnya bisa dianimasikan. Anda bisa membuat layout vertikal maupun horizontal dengan padding dan jarak yang bisa disesuaikan. Layout bekerja bersama event dan state, serta diperbarui secara real-time untuk meningkatkan interaktivitas. Kami juga menambahkan dukungan untuk layout masonry, yang mirip dengan layout kolom Pinterest. Pengalaman yang dibuat dengan Hana memakai Layout ## Video Layer Kini Anda bisa dengan mudah menyematkan video di layer mana pun di Spline Hana. Ini sangat berguna saat membangun presentasi interaktif atau mendesain untuk motion. Cukup beralih ke Video Layer di panel Fill, lalu unggah atau seret dan lepas video Anda. Seperti di editor 3D Spline, video di Hana juga bisa dipicu oleh event kustom. Secara default, video akan diputar pada event Start, tetapi Anda bisa mengubahnya dan memicunya dengan mouse event atau event lainnya. ## Kemungkinan kreatif baru Banyak sekali, ya! Kami harap Anda menikmati semua fitur baru yang kami rilis hari ini dan mulai membuat desain-desain baru yang seru. — Tim Spline ## Lainnya dari blog [3 November 2026Memperkenalkan Spline Arena](https://spline.design/id/blog/introducing-spline-arena)[21 Oktober 2026Memperkenalkan Spline untuk ChatGPT](https://spline.design/id/blog/introducing-spline-for-chatgpt)[27 Agustus 2026Memperkenalkan Hana V2](https://spline.design/id/blog/hana-v2) [Spline](https://spline.design/id) Editor 3D dan 2D untuk tim dan agen mereka. Rilis ke web, iOS, dan Android. #### Tanya AI tentang Spline #### Produk - [Desain 3D](https://spline.design/id/3d-design) - [Hana](https://spline.design/id/hana) - [Omma](https://omma.build) - [Pembuatan 3D dengan AI](https://spline.design/id/ai-generate) - [Spline MCP](https://spline.design/id/mcp) - [Spline Arena](https://spline.design/id/arena) - [Harga](https://spline.design/id/pricing) - [Enterprise](https://spline.design/id/enterprise) #### Runtime - [Web](https://spline.design/id/web) - [iOS](https://spline.design/id/ios) - [Android](https://spline.design/id/android) #### Aplikasi - [Unduh](https://spline.design/id/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Unduh Spline Mirror](https://spline.design/download-mirror) #### Belajar - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/id/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Solusi](https://spline.design/solutions) #### Komunitas - [Komunitas Spline](https://community.spline.design) - [Blog](https://spline.design/id/blog) - [Changelog](https://spline.design/id/changelog) - [Pendidikan](https://spline.design/id/education) - [Contra](https://spline.design/contra) - [Afiliasi](https://spline.design/id/affiliate) #### Perusahaan - [Pelanggan](https://spline.design/id/customers) - [Karier](https://www.ycombinator.com/companies/spline/jobs) - [Keamanan](https://spline.design/id/security) #### Legal - [Syarat & Ketentuan](https://spline.design/terms) - [Privasi](https://spline.design/privacy) #### Kontak - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.