# Vi presenterar Hana - Spline blog (https://spline.design/sv/blog/introducing-hana) > En ny canvas för interaktiv design. [Blogg](https://spline.design/sv/blog) 23 april 2025 # Vi presenterar Hana En ny canvas för interaktiv design. [Öppna Hana](https://app.spline.design) Hana är ett nytt sätt att arbeta med interaktiv design. Hana är byggd från grunden med prestanda i centrum och är en canvas i realtid där du designar och animerar interaktiva 2D-upplevelser – från polerade gränssnitt till dynamiska visuella element – och levererar dem till produktion. Med Hana kan du skapa rikt, tillståndsbaserat innehåll som beter sig, svarar och reagerar på en snabb och oändlig canvas. Hovra eller tryck för att interagera (upplevelse skapad med Hana) ## Funktioner För Hana byggde vi en ny sorts renderingsmotor som kan bearbeta vektordata riktigt snabbt, i realtid. Den ger kreatörer tillgång till modern redigering av vektornätverk, tillståndsbaserade övergångar och GPU-accelererade effekter – allt i en samarbetsmiljö som körs direkt i webbläsaren. Allt du designar i Hana är produktionsklart från början. Oavsett om det är en enkel form eller en komplex interaktiv upplevelse är Hanas motor byggd för att hantera interaktioner i realtid som enkelt kan bäddas in på valfri webbplats eller i valfri app. Från exakt vektorritning till mjuka skuggor och oskärpa kombinerar Hana kraft och enkelhet på ett sätt som känns lätt – men utan gränser. Upplevelser skapade med Hana ## Designsamarbete i realtid Frames i Hana kan vara spelbara komponenter som fungerar självständigt, direkt i editorn. Det förenklar skapandet eftersom det inte behövs något ”Animate”-läge. I stället interagerar du med din upplevelse genom att spela upp den direkt i en frame i editorn. Frames kan också exporteras var för sig som live-URL:er, bilder och mer framöver. Dela en länk, så kan medarbetare direkt hoppa in, uppleva och bidra till din canvas. Varje ändring syns live. Feedbacken kommer direkt. Det är byggt för samarbete från grunden, gjort rätt. Hana drar nytta av systemet för samarbete i realtid från Splines 3D-editor, som redan stöds, så att ditt team kan arbeta snabbare och hålla sig synkat. Vektornätverk skapade med Hana ## Vektornätverk i realtid Vektornätverk (ett koncept som Figma introducerade 2016) gör det möjligt att koppla fler än två linjer till en och samma punkt, vilket gör det lättare att skapa alla möjliga former. Hana tar det här ett steg längre och introducerar det första systemet som låter dig skapa vektornätverk i en realtidsmiljö. Dessutom låter booleska operationer i flera nivåer dig skapa avancerade former och flytande effekter, så att du enkelt får komplexa former som går att animera. ## Interaktioner och animation Använd händelsestyrda interaktioner för att ge dina designer ett beteende – från hover-lägen till tangentbordsinmatning. Animera övergångar, bygg flöden och experimentera med rörelse direkt på canvasen. Inget byte av verktyg. Med Hana blir rörelse och interaktivitet en del av designprocessen, inte något man tänker på i efterhand. ## Exportera och dela för produktion Precis som i Splines 3D-editor kan du i Hana skapa interaktiva live-länkar från vilken frame som helst. Allt är optimerat för att bäddas in i en produktionsmiljö, så att ditt arbete ser lika bra ut när det publicerats som i editorn. ## Nästa era för interaktivitet Det här är ett nytt medium för interaktivt tänkande. Oavsett om du designar en produkt, finslipar en interaktion i ett gränssnitt eller skapar rika interaktiva upplevelser kan Hana hjälpa dig att förverkliga dina idéer. **Hana är grunden för mer som ska komma.** Det är första steget i en bredare vision av det som nu är Splines ekosystem, där design i 2D/3D och interaktivitet smälter samman och publiceras sömlöst. Vi längtar efter att se vad du skapar med Hana! — Spline-teamet 🌸 [Läs mer](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm) ## 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.