# Liquid Glass och 3D i Hana - Spline blog (https://spline.design/sv/blog/hana-3d-glass-autolayout-video) > Nytt i Hana: 3D Transform, Liquid Glass och Autolayout [Blogg](https://spline.design/sv/blog) 9 juli 2025 # Liquid Glass och 3D i Hana Nytt i Hana: 3D Transform, Liquid Glass och Autolayout [Öppna Hana](https://app.spline.design) I dag presenterar vi en stor uppdatering av Hana med banbrytande funktioner som Liquid Glass i realtid, 3D Transform, Autolayout och videolager. ## Liquid Glass i Hana Sedan iOS 26 lanserades har Liquid Glass-effekten fångat designvärldens uppmärksamhet. Nu kan du använda effekten på vilket objektlager som helst i Hana. Du kan redigera glasets parametrar, som Distortion, för att styra hur mycket ljuset bryts. Men du kan gå längre än iOS-stilen och skapa egna glaseffekter. Vi har sett till att parametrarna är tillräckligt generella för att ge många olika kreativa resultat: du kan överdriva vissa av effekternas beteenden och få en mer slående visuell estetik. Hovra eller tryck för att interagera (upplevelse skapad med Hana) ## Glas i flera lager I de flesta designverktyg är oskärpe- och glaseffekter oftast begränsade till ett enda lager. Staplar du flera lager ackumuleras inte glasets förvrängning, utan förblir platt. I Hana kan du enkelt stapla flera lager glas och se hur vart och ett bryter elementen bakom eller under, precis som i verkligheten. Det öppnar för helt nya kreativa möjligheter. Det fungerar för glaseffekterna, men också för effekter med bakgrundsoskärpa. Arbeta med flera lager Liquid Glass i Hana ## 3D Transform Att gå från 2D till 3D har alltid varit en utmaning. När vi började arbeta med den här funktionen visste vi att vi ville skapa ett sömlöst sätt att enkelt växla mellan 2D och 3D utan att förlora något på vägen. I Hana kan nu vilket objekt som helst vara ett 3D-objekt, med parametrar som styr dess position (Depth), rotation och perspektiv i 3D-rymden. Alla parametrarna går att animera och fungerar med systemet för tillstånd och händelser. Styr objektets perspektiv, rotation och z-position i Hana ## Frames och 3D-portaler När en frame blir 3D blir den också ett fönster in i sin egen 3D-rymd. Det är särskilt användbart för att skapa portaler, ett visuellt element där du kan se djup inuti det. Det är enkelt: lägg element i en frame, gör framen 3D och ändra 3D-positionen eller rotationen för elementen i den. När du sedan ändrar framens rotation eller position ser du hur elementen renderas inuti, med flera nivåer av djup. 3D-portaler i frames skapade i Hana ## Autolayout Hana har nu stöd för layouter med parametrar som helt går att animera. Du kan skapa både vertikala och horisontella layouter med anpassningsbar utfyllnad och mellanrum. Layouterna fungerar tillsammans med händelser och tillstånd och uppdateras i realtid för ökad interaktivitet. Vi har också lagt till stöd för masonry-layouter, som liknar Pinterests kolumnlayouter. Upplevelser skapade med Hana och Layout ## Videolager Nu kan du enkelt bädda in en video i vilket lager som helst i Spline Hana. Det är praktiskt när du bygger en interaktiv presentation eller designar för rörelse. Byt bara till Video Layer i Fill-panelen och ladda upp eller dra och släpp din video. Precis som i Splines 3D-editor kan videor i Hana också utlösas av egna händelser. Som standard spelas en video upp vid Start-händelsen, men du kan ändra det och utlösa den med mushändelser eller vilken annan händelse som helst. ## Nya kreativa möjligheter Det var mycket! Vi hoppas att du gillar alla nya funktioner vi släppt i dag och börjar skapa spännande nya designer. — Spline-teamet ## Mer från bloggen [3 november 2026Vi presenterar Spline Arena](https://spline.design/sv/blog/introducing-spline-arena)[21 oktober 2026Vi presenterar Spline för ChatGPT](https://spline.design/sv/blog/introducing-spline-for-chatgpt)[27 augusti 2026Vi presenterar Hana V2](https://spline.design/sv/blog/hana-v2) [Spline](https://spline.design/sv) 3D- och 2D-editorn för team och deras agenter. Publicera på webben, iOS och Android. #### Fråga AI om Spline #### Produkter - [3D-design](https://spline.design/sv/3d-design) - [Hana](https://spline.design/sv/hana) - [Omma](https://omma.build) - [3D-generering med AI](https://spline.design/sv/ai-generate) - [Spline MCP](https://spline.design/sv/mcp) - [Spline Arena](https://spline.design/sv/arena) - [Priser](https://spline.design/sv/pricing) - [Företag](https://spline.design/sv/enterprise) #### Runtimes - [Web](https://spline.design/sv/web) - [iOS](https://spline.design/sv/ios) - [Android](https://spline.design/sv/android) #### Appar - [Ladda ner](https://spline.design/sv/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Ladda ner Spline Mirror](https://spline.design/download-mirror) #### Lär dig - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/sv/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Lösningar](https://spline.design/solutions) #### Community - [Spline Community](https://community.spline.design) - [Blog](https://spline.design/sv/blog) - [Ändringslogg](https://spline.design/sv/changelog) - [Utbildning](https://spline.design/sv/education) - [Contra](https://spline.design/contra) - [Affiliate](https://spline.design/sv/affiliate) #### Företaget - [Kunder](https://spline.design/sv/customers) - [Karriär](https://www.ycombinator.com/companies/spline/jobs) - [Säkerhet](https://spline.design/sv/security) #### Juridik - [Villkor](https://spline.design/terms) - [Integritet](https://spline.design/privacy) #### Kontakt - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.