Spline
Vertrieb kontaktierenJetzt loslegen

Ein Design-Canvas, angetrieben von KI-Agenten

Gestalte mit deinem Team, unterstützt von KI-Agenten, MCP und GPU-beschleunigten Tools zur Vektorbearbeitung.

Jetzt loslegenAgenten verbinden
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 CircularFire Character3D CardCardsPath Icons
Noise3D UIPowerGlass IconsAuto Layout
EarthJapanese TextMaskingBlendHana Serif
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
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 interagierenSzene remixen
index.html
<!-- Import the Hana Viewer -->
<script type="module"
  src="https://cdn.spline.design/@splinetool/hana-viewer@1.0.97/hana-viewer.js">
</script>

<!-- Add your design anywhere on the page -->
<hana-viewer
  url="https://prod.spline.design/HfFj1WYWsj69dY8U-Eld/scene.hanacode">
</hana-viewer>
WebflowFramerWix StudioHTML / JSNotionShopify

Starte mit Hana

Verbinde deinen Agenten, lade dein Team ein und veröffentliche noch heute dein erstes Design.

Jetzt loslegenAgenten verbinden