# Liquid Glass und 3D in Hana - Spline blog (https://spline.design/de/blog/hana-3d-glass-autolayout-video) > Neu in Hana: 3D Transform, Liquid Glass und Autolayout [Blog](https://spline.design/de/blog) 9\. Juli 2025 # Liquid Glass und 3D in Hana Neu in Hana: 3D Transform, Liquid Glass und Autolayout [Hana öffnen](https://app.spline.design) Heute kündigen wir ein riesiges Update für Hana an – mit bahnbrechenden Funktionen wie Liquid Glass in Echtzeit, 3D Transform, Autolayout und Video-Layern. ## Liquid Glass in Hana Seit iOS 26 zieht der Liquid-Glass-Effekt die Aufmerksamkeit der Design-Community auf sich. Jetzt kannst du diesen Effekt auf jeden Objekt-Layer in Hana anwenden. Du kannst die Glasparameter bearbeiten, etwa Distortion, um die Stärke der Lichtbrechung zu steuern. Du kannst aber auch über den iOS-Stil hinausgehen und eigene Glaseffekte gestalten. Wir haben die Parameter bewusst allgemein gehalten, damit du verschiedenste kreative Ergebnisse erzielst: Du kannst bestimmte Verhaltensweisen der Effekte übertreiben und so eine noch auffälligere Ästhetik erreichen. Hovern oder tippen zum Ausprobieren (Erlebnis erstellt mit Hana) ## Stapelbares Glas In den meisten Design-Tools sind Blur- oder Glaseffekte auf einen einzelnen Layer beschränkt. Stapelst du mehrere Layer, summiert sich die Verzerrung des Glases nicht, sondern bleibt flach. In Hana stapelst du ganz einfach mehrere Glas-Layer und siehst, wie jeder die Elemente dahinter oder darunter bricht – genau wie in der echten Welt. Das eröffnet völlig neue kreative Möglichkeiten. Das funktioniert mit Glaseffekten, aber auch mit Background-Blur-Effekten. Mehrere Liquid-Glass-Layer in Hana bearbeiten ## 3D Transform Der Schritt von 2D zu 3D war schon immer eine Herausforderung. Als wir mit dieser Funktion begonnen haben, war uns klar: Wir wollen einen nahtlosen Weg, ganz einfach zwischen 2D und 3D zu wechseln, ohne dazwischen etwas zu verlieren. In Hana kann jetzt jedes Objekt ein 3D-Objekt sein – mit Parametern für seine Position (Depth), Drehung und Perspektive im 3D-Raum. Alle diese Parameter sind animierbar und mit dem System aus States und Events kompatibel. Perspektive, Drehung und Z-Position des Objekts in Hana steuern ## Frames und 3D-Portale Wird ein Frame zu 3D, wird er zugleich zum Fenster in seinen eigenen 3D-Raum. Das ist besonders praktisch für Portale – visuelle Elemente, in denen man Tiefe sieht. Ganz einfach: Leg Elemente in einen Frame, mach den Frame 3D und ändere die 3D-Position oder Drehung der Elemente darin. Wenn du jetzt Drehung oder Position des Frames änderst, siehst du, wie die Elemente darin über mehrere Tiefenebenen gerendert werden. 3D-Portale in Frames, erstellt mit Hana ## Autolayout Hana unterstützt jetzt Layouts mit vollständig animierbaren Parametern. Du kannst vertikale und horizontale Layouts mit anpassbarem Innenabstand und Zwischenraum erstellen. Layouts arbeiten mit Events und States zusammen und aktualisieren sich in Echtzeit – für mehr Interaktivität. Außerdem unterstützen wir Masonry-Layouts, ähnlich den Spaltenlayouts von Pinterest. Erlebnisse, erstellt mit Hana und Layout ## Video-Layer Jetzt bettest du ganz einfach ein Video in jeden Layer in Spline Hana ein. Das ist praktisch, wenn du eine interaktive Präsentation baust oder für Bewegung gestaltest. Wechsle einfach im Fill-Panel zum Video-Layer und lade dein Video hoch oder zieh es per Drag & Drop hinein. Wie im 3D-Editor von Spline lassen sich Videos auch in Hana über eigene Events auslösen. Standardmäßig startet ein Video mit dem Start-Event, du kannst es aber auch per Maus-Event oder jedem anderen Event auslösen. ## Neue kreative Möglichkeiten Das war eine ganze Menge! Wir hoffen, dir gefallen all die neuen Funktionen, die wir heute veröffentlicht haben, und du legst gleich mit spannenden neuen Designs los. — Das Spline-Team ## Mehr aus dem Blog [3\. November 2026Spline Arena ist da](https://spline.design/de/blog/introducing-spline-arena)[21\. Oktober 2026Spline für ChatGPT ist da](https://spline.design/de/blog/introducing-spline-for-chatgpt)[27\. August 2026Hana V2 ist da](https://spline.design/de/blog/hana-v2) [Spline](https://spline.design/de) Der 3D- und 2D-Editor für Teams und ihre Agenten. Veröffentliche im Web, auf iOS und Android. #### Frag die KI zu Spline #### Produkte - [3D-Design](https://spline.design/de/3d-design) - [Hana](https://spline.design/de/hana) - [Omma](https://omma.build) - [KI-3D-Generierung](https://spline.design/de/ai-generate) - [Spline MCP](https://spline.design/de/mcp) - [Spline Arena](https://spline.design/de/arena) - [Preise](https://spline.design/de/pricing) - [Enterprise](https://spline.design/de/enterprise) #### Runtimes - [Web](https://spline.design/de/web) - [iOS](https://spline.design/de/ios) - [Android](https://spline.design/de/android) #### Apps - [Download](https://spline.design/de/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Spline Mirror herunterladen](https://spline.design/download-mirror) #### Lernen - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/de/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Lösungen](https://spline.design/solutions) #### Community - [Spline Community](https://community.spline.design) - [Blog](https://spline.design/de/blog) - [Changelog](https://spline.design/de/changelog) - [Bildung](https://spline.design/de/education) - [Contra](https://spline.design/contra) - [Affiliate](https://spline.design/de/affiliate) #### Unternehmen - [Kunden](https://spline.design/de/customers) - [Karriere](https://www.ycombinator.com/companies/spline/jobs) - [Sicherheit](https://spline.design/de/security) #### Rechtliches - [AGB](https://spline.design/terms) - [Datenschutz](https://spline.design/privacy) #### Kontakt - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.