# Hana | Allt du behöver veta - Spline Academy (https://spline.design/sv/academy/collections/hana-everything-you-need-to-know) > Förstå principerna och arbetsflödena bakom att skapa produktionsklara, interaktiva upplevelser i realtid med Hana 1. [Academy](https://spline.design/sv/academy) 2. [Kurser](https://spline.design/sv/academy/collections) 3. Hana | Allt du behöver veta # Hana | Allt du behöver veta Förstå principerna och arbetsflödena bakom att skapa produktionsklara, interaktiva upplevelser i realtid med Hana [Starta kursen](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana) 15 lektionerNybörjare2 h 03 min ## Lektioner 1. [01Kom igång med interaktiv 2D i Hana17 min](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana) 2. [02Ge Hana-designer en extra dimension med effekten 3D Shape3 min](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect) 3. [03Designa interaktioner med Liquid Glass och 3D-transformationer i Hana16 min](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/design-interactions-with-liquid-glass-3d-transforms-in-hana) 4. [04Utforska 3D-projektioner och brus-effekter8 min](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/explore-3d-projections-and-noise-effects) 5. [05Skapa interaktiva designer som reagerar på musen med Hana6 min](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/create-interactive-designs-that-react-to-your-mouse-with-hana) 6. [06Skapa en 2D-interaktion som följer muspekaren8 min](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/create-a-2d-follow-interaction) 7. [07Designa interaktiva effekter med progressiv oskärpa och mjuka övertoningar9 min](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/design-interactive-effects-with-progressive-blur-and-smoothing-gradients) 8. [08Skapa en interaktiv brytare med progressiv oskärpa och övertoningar4 min](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/create-an-interactive-switch-with-progressive-blur-and-gradients) 9. [09Designa mjuka interaktiva ikoner i Hana7 min](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/design-smooth-interactive-icons-in-hana) 10. [10Bygg ett interaktivt tangentbord med Hana9 min](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/build-an-interactive-keyboard-with-hana) 11. [11Så animerar du längs en bana med Hana och Spline7 min](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/how-to-animate-along-a-path-with-hana-and-spline) 12. [12Designa och animera med vektormasker7 min](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/design-and-animate-with-vector-masks) 13. [13Skapa ljusbrytande 3D-text i Hana7 min](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/creating-refractive-3d-text-in-hana) 14. [14Så designar du en realistisk 3D-diamant i Hana7 min](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/how-to-design-a-realistic-3d-diamond-in-hana) 15. [15Så använder du bildgenerering med AI i Hana8 min](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/how-to-use-ai-image-generation-in-hana) [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.