# Hana | Alles, was du wissen musst - Spline Academy (https://spline.design/de/academy/collections/hana-everything-you-need-to-know) > Lerne die Prinzipien und Workflows hinter interaktiven Erlebnissen in Echtzeit kennen, die mit Hana produktionsreif werden 1. [Academy](https://spline.design/de/academy) 2. [Kurse](https://spline.design/de/academy/collections) 3. Hana | Alles, was du wissen musst # Hana | Alles, was du wissen musst Lerne die Prinzipien und Workflows hinter interaktiven Erlebnissen in Echtzeit kennen, die mit Hana produktionsreif werden [Kurs starten](https://spline.design/de/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana) 15 LektionenEinsteiger2 Std. 03 Min. ## Lektionen 1. [01Erste Schritte mit interaktivem 2D in Hana17 Min.](https://spline.design/de/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana) 2. [02Mehr Dimension für Hana-Designs mit dem 3D-Shape-Effekt3 Min.](https://spline.design/de/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect) 3. [03Interaktionen mit Liquid Glass und 3D-Transformationen in Hana designen16 Min.](https://spline.design/de/academy/collections/hana-everything-you-need-to-know/design-interactions-with-liquid-glass-3d-transforms-in-hana) 4. [043D-Projektionen und Noise-Effekte entdecken8 Min.](https://spline.design/de/academy/collections/hana-everything-you-need-to-know/explore-3d-projections-and-noise-effects) 5. [05Interaktive Designs, die auf deine Maus reagieren, mit Hana erstellen6 Min.](https://spline.design/de/academy/collections/hana-everything-you-need-to-know/create-interactive-designs-that-react-to-your-mouse-with-hana) 6. [06Eine 2D-Follow-Interaktion erstellen8 Min.](https://spline.design/de/academy/collections/hana-everything-you-need-to-know/create-a-2d-follow-interaction) 7. [07Interaktive Effekte mit Progressive Blur und weichen Verläufen designen9 Min.](https://spline.design/de/academy/collections/hana-everything-you-need-to-know/design-interactive-effects-with-progressive-blur-and-smoothing-gradients) 8. [08Einen interaktiven Schalter mit Progressive Blur und Verläufen erstellen4 Min.](https://spline.design/de/academy/collections/hana-everything-you-need-to-know/create-an-interactive-switch-with-progressive-blur-and-gradients) 9. [09Flüssige interaktive Icons in Hana designen7 Min.](https://spline.design/de/academy/collections/hana-everything-you-need-to-know/design-smooth-interactive-icons-in-hana) 10. [10Eine interaktive Tastatur mit Hana bauen9 Min.](https://spline.design/de/academy/collections/hana-everything-you-need-to-know/build-an-interactive-keyboard-with-hana) 11. [11Mit Hana und Spline entlang eines Pfads animieren7 Min.](https://spline.design/de/academy/collections/hana-everything-you-need-to-know/how-to-animate-along-a-path-with-hana-and-spline) 12. [12Mit Vektormasken designen und animieren7 Min.](https://spline.design/de/academy/collections/hana-everything-you-need-to-know/design-and-animate-with-vector-masks) 13. [13Lichtbrechenden 3D-Text in Hana erstellen7 Min.](https://spline.design/de/academy/collections/hana-everything-you-need-to-know/creating-refractive-3d-text-in-hana) 14. [14Einen realistischen 3D-Diamanten in Hana designen7 Min.](https://spline.design/de/academy/collections/hana-everything-you-need-to-know/how-to-design-a-realistic-3d-diamond-in-hana) 15. [15KI-Bildgenerierung in Hana nutzen8 Min.](https://spline.design/de/academy/collections/hana-everything-you-need-to-know/how-to-use-ai-image-generation-in-hana) [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.