# Spline Hana - Ein Design-Canvas, angetrieben von KI-Agenten (https://spline.design/de/hana)
> Hana ist das 2D-Design-Canvas von Spline: GPU-beschleunigte Vektorbearbeitung, States und Animationen und KI-Agenten – Hanas eigener oder deiner über MCP –, die mit deinem Team gestalten.
# Ein Design-Canvas, angetrieben von KI-Agenten
Gestalte mit deinem Team, unterstützt von KI-Agenten, MCP und **GPU-beschleunigten Tools zur Vektorbearbeitung**.
[Jetzt loslegen](https://app.spline.design/signin)[Agenten verbinden](https://spline.design/de/mcp)
Bibliothek
## Design in Bewegung, angetrieben von Hana
Entdecke Beispiele, die mit Hana gebaut wurden. Remixe, baue nach und finde heraus, wie aus deinen Ideen produktionsreife Erlebnisse werden.
[3D Circular](https://app.spline.design/ui/0c5cafee-bc08-47b1-aa31-41c30beae895)[Fire Character](https://app.spline.design/ui/b0d21f98-f238-4b2c-a6f0-b478719bcc3c)[3D Card](https://app.spline.design/ui/539d3930-61a4-47c9-8324-b81ecb4c93dc)[Cards](https://app.spline.design/ui/0f721512-9f57-455a-8ea9-4641e15a0ca4)[Path Icons](https://app.spline.design/ui/9389d529-f05b-4aa7-9360-11175d1b4e72)
[Noise](https://app.spline.design/ui/c0d70e64-db86-409e-90b5-d03e413eb554)[3D UI](https://app.spline.design/ui/ba70eea9-74e0-4b06-af5e-f622d88b719a)[Power](https://app.spline.design/ui/58ee653d-f29a-489d-83ba-6af3b2086a1a)[Glass Icons](https://app.spline.design/ui/c915f089-5725-47ac-a458-e2df51a45aa1)[Auto Layout](https://app.spline.design/ui/a3144449-bf5c-4189-a3f1-dda35c699bc4)
[Earth](https://app.spline.design/ui/8937cf42-317a-43cb-bbef-d3244437d8c6)[Japanese Text](https://app.spline.design/ui/248fa04b-dae6-4ef4-a457-0eef1e760fbc)[Masking](https://app.spline.design/ui/c7bd1796-a808-44be-8220-fffd02fafbdf)[Blend](https://app.spline.design/ui/98cec79c-bad6-4504-810b-f0a198625a99)[Hana Serif](https://app.spline.design/ui/da8a844d-cff7-403d-b544-d6a0dd8149bf)
Design-Tools
## Vertraute und fortschrittliche Tools für professionelles Design
Vertraute Design-Tools, fortschrittliche Effekte und die Struktur, um auch große Projekte organisiert zu halten.
- Unendlicher Canvas mit Frames
- Vektornetzwerke und Boolesche Operationen
- Seiten und Abschnitte
- Verläufe, Glas und 3D-Formen
Interaktivität und Animation
## Erwecke deine Designs zum Leben
Füge Bewegung und Interaktivität mit States, Events und Animationen hinzu – selbst oder indem du den Agenten fragst.
- States und Events
- Animieren mit Transition-Actions
- Follow- und Look-At-Interaktivität
KI-Agenten
## Ein Canvas, auf dem deine Agenten gestalten können
Hanas eigener Agent gestaltet auf dem Canvas – und deiner kann es auch, aus Claude, ChatGPT, Cursor oder jedem MCP-Client.
- Baut Frames, Effekte und Interaktionen
- Mehrere Screens parallel gebaut
- Dein eigener Agent über MCP
- Alles bleibt von Hand bearbeitbar
[Agenten verbinden](https://spline.design/de/mcp)
Gemacht für Interaktivität
## Ein Design-Tool, gemacht für Interaktivität
Eine schnelle, vertraute Oberfläche mit allen Tools, die du brauchst, um interaktive Interfaces, Motion und Grafiken in Echtzeit zu gestalten.
- ### Vertraute Design-Tools
Gestalte auf einem unendlichen Canvas mit Frames, Zeichenstift, Booleschen Operationen, Formen und mehr.
- ### Starke Interaktivität
Erstelle interaktive Erlebnisse mit States, Events und Actions.
- ### Animierte Erlebnisse
Bring Bewegung in deine Designs – mit States und Transitions.
- ### Visuelle Effekte
Nutze Schatten, Weichzeichner, Noise, Glas und 3D für visuelle Effekte in Echtzeit.
- ### Boolesche Operationen in Echtzeit
Erstelle komplexe Boolesche Systeme und animiere sie in Echtzeit.
- ### Vektornetzwerke
Erstelle Vektornetzwerke und versieh sie mit einzigartiger Interaktivität.
- ### Vorschau auf dem Canvas
Sieh dir Interaktionen und Animationen direkt auf dem Canvas an.
- ### Produktionsreife Exporte
Integriere deine interaktiven Designs in Websites, Web-Apps und digitale Produkte.
Zusammenarbeit
## Gemeinsam gestalten, in Echtzeit
Gestalte Interaktivität auf einem unendlichen Canvas mit Echtzeit-Zusammenarbeit – organisiert in einem gemeinsamen Workspace für dein ganzes Team.
### Multiplayer in Echtzeit
Gestalte gemeinsam mit deinem ganzen Team in derselben Datei.
### Rollen und Berechtigungen
Volle Kontrolle über individuelle Editor- und Betrachter-Rollen.
### Dateiverwaltung
Ein gemeinsamer Team-Bereich, um alle Dateien und Projekte zu speichern und zu verwalten.
### Notizen und Feedback
Hinterlasse Kommentare für dein Team oder mach dir Notizen direkt im Editor.
Export
## Interaktivität fürs Web veröffentlichen
Integriere interaktive Erlebnisse nahtlos in deine Websites, Web-Apps und digitalen Produkte.
Bewege Maus oder Finger, um zu interagieren[Szene remixen](https://app.spline.design/ui/2e2daf97-d4bb-4861-9ef6-81348aa5a77d)
index.html
```
```
[Webflow](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Framer](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Wix Studio](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[HTML / JS](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Notion](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Shopify](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)
## Starte mit Hana
Verbinde deinen Agenten, lade dein Team ein und veröffentliche noch heute dein erstes Design.
[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.