# Hana stellt sich vor - Spline blog (https://spline.design/de/blog/introducing-hana) > Ein neuer Canvas für interaktives Design. [Blog](https://spline.design/de/blog) 23\. April 2025 # Hana stellt sich vor Ein neuer Canvas für interaktives Design. [Hana öffnen](https://app.spline.design) Hana ist ein neuer Ansatz für interaktives Design. Von Grund auf neu gebaut und ganz auf Performance ausgelegt, ist Hana ein Echtzeit-Canvas, auf dem du interaktive 2D-Erlebnisse gestaltest und animierst – von ausgefeilten Interfaces bis zu dynamischen Visuals – und in Produktion bringst. Mit Hana erstellst du reichhaltige, State-basierte Inhalte, die sich auf einem schnellen, unendlichen Canvas verhalten, reagieren und antworten. Hovern oder tippen zum Ausprobieren (Erlebnis erstellt mit Hana) ## Möglichkeiten Für Hana haben wir eine neue Art von Render-Engine gebaut, die Vektordaten sehr schnell und in Echtzeit verarbeitet. Sie gibt Kreativen moderne Bearbeitung von Vektornetzwerken, State-basierte Übergänge und GPU-beschleunigte Effekte an die Hand – alles in einer kollaborativen, browsernativen Umgebung. Alles, was du in Hana gestaltest, ist standardmäßig produktionsreif. Ob einfache Form oder komplexes interaktives Erlebnis: Hanas Engine ist für Interaktionen in Echtzeit gebaut, die sich ganz einfach in jede Website oder App einbetten lassen. Vom präzisen Vektorzeichnen bis zu weichen Schatten und Blurs vereint Hana Leistung und Einfachheit auf eine Weise, die sich leicht anfühlt – und doch grenzenlos. Erlebnisse, erstellt mit Hana ## Design-Zusammenarbeit in Echtzeit Frames in Hana können abspielbare Komponenten sein, die unabhängig agieren – alles im Editor. Das vereinfacht den Gestaltungsprozess, denn ein eigener „Animate“-Modus entfällt. Stattdessen interagierst du mit deinem Erlebnis, indem du es direkt auf einem Frame im Editor abspielst. Frames lassen sich außerdem einzeln als Live-URLs, Bilder und künftig mehr exportieren. Teile einen Link, und Mitwirkende können sofort einsteigen, dein Canvas erleben und mitgestalten. Jede Änderung erscheint live. Feedback kommt sofort. Multiplayer von Grund auf – richtig gemacht. Hana nutzt das bereits vorhandene Echtzeit-Kollaborationssystem des 3D-Editors von Spline, damit dein Team schneller vorankommt und synchron bleibt. Vektornetzwerke, erstellt mit Hana ## Vektornetzwerke in Echtzeit Vektornetzwerke (ein Konzept, das Figma 2016 eingeführt hat) erlauben es, mehr als zwei Linien mit einem einzigen Punkt zu verbinden. So lassen sich alle möglichen Formen leichter erstellen. Hana hebt diesen Ansatz auf die nächste Stufe – mit dem ersten System, das Vektornetzwerke in einer Echtzeitumgebung ermöglicht. Dazu kommen mehrstufige boolesche Operationen, mit denen du fortgeschrittene Formen und fließende Effekte erstellst und so ganz einfach komplexe, animierbare Formen erzielst. ## Interaktionen und Animation Gib deinen Designs mit eventbasierten Interaktionen Verhalten – von Hover-States bis zu Tastatureingaben. Animiere Übergänge, baue Abläufe und experimentiere mit Bewegung direkt auf dem Canvas. Ohne Toolwechsel. Mit Hana werden Bewegung und Interaktivität Teil des Designprozesses – kein nachträgliches Extra. ## Exportieren und teilen für die Produktion Wie im 3D-Editor von Spline kannst du auch in Hana aus jedem Frame interaktive Live-Links generieren. Alles ist für die Einbettung in eine produktionsreife Umgebung optimiert, damit deine Arbeit im Deployment genauso gut aussieht wie im Editor. ## Die nächste Ära der Interaktivität Das ist ein neues Medium für interaktives Denken. Ob du ein Produkt gestaltest, eine UI-Interaktion ausarbeitest oder reichhaltige interaktive Erlebnisse erschaffst: Hana hilft dir, deine Ideen zum Leben zu erwecken. **Hana ist das Fundament für alles, was noch kommt.** Es ist der erste Schritt einer größeren Vision für das heutige Spline-Ökosystem, in dem Design in 2D/3D und Interaktivität nahtlos verschmelzen und in Produktion gehen. Wir sind gespannt, was du mit Hana erschaffst! — Das Spline-Team 🌸 [Mehr erfahren](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm) ## 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.