Hana V2 ist da

Hana öffnen

Heute veröffentlichen wir Hana V2, ein großes Update für unseren 2D-Design-Canvas – jetzt mit KI-Agenten und MCP, WebGPU-Rendering und mehr.

Dieses Release umfasst den Agenten und MCP-Support, den Import von GLTF- und GLB-Modellen, den Export als SVG und PDF, eine verbesserte Zusammenarbeit in Echtzeit, den Umstieg auf WebGPU und eine Reihe kleinerer Verbesserungen im Editor.

Auch Spline, unser 3D-Editor, hat ein eigenes V2-Release bekommen.

Der KI-Agent

Hana hat jetzt einen eigenen KI-Agenten. Bitte ihn um ein UI-Design, eine Landingpage oder einen App-Screen, und er baut das Ergebnis aus Hanas eigenen Objekten: Frames, Text, Vektoren und Füllungen. Heraus kommt ein bearbeitbares Design. Er kann auch bestehende Inhalte bearbeiten – zeig ihm einfach einen Screen, den du schon hast, und beschreib die gewünschten Änderungen.

Hana betreibt außerdem einen MCP-Server, sodass externe KI-Tools direkt darin designen können. Claude Code, Cursor, Codex und andere bekommen dieselben Fähigkeiten wie der integrierte Agent: die Szene lesen, Objekte erstellen und bearbeiten, Bilder als echte Inhalte hochladen und Screenshots machen, um ihre Arbeit zu prüfen.

Weil diese Tools neben deinem Code laufen, können sie auch mit einem Repository arbeiten. Richte Claude Code oder Cursor auf ein Repo, und sie bauen deine Anwendung auf dem Canvas als bearbeitbare Hana-Objekte nach – mit deinen echten Screens, Komponenten und Texten.

3D auf dem 2D-Canvas

Schon zuvor haben wir extrudierte 3D-Formen eingeführt: Sie verwandeln jede 2D-Form in 3D-Geometrie und bleiben live mit dem Original verbunden, sodass Änderungen an der Form die Geometrie in Echtzeit aktualisieren.

Dieses Release bringt importierte 3D-Modelle. GLTF- und GLB-Dateien landen als 3D-Objekte auf dem Canvas, mit Meshes, Materialien und Texturen sowie Skeletten, Skinning und Morph Targets – geriggte und animierte Modelle behalten also ihre Animation. Ein Animations-Inspector wählt einen Clip aus und steuert die Wiedergabe, die Mesh-Einstellungen steuern Licht und Shading.

Ein 3D-Objekt ist ein Hana-Objekt wie jedes andere. Es nutzt dasselbe Formsystem wie Rechtecke, Text und Vektornetzwerke, nimmt also dieselben Transformationen an, folgt denselben Layoutregeln und wird mit demselben Animationssystem animiert.

Schnellerer Canvas mit WebGPU

Hana rendert mit einer eigenen Engine, die Vektorformen, boolesche Operationen, Blurs und Schatten in voller Qualität in Echtzeit zeichnet. Diese Engine läuft jetzt standardmäßig auf WebGPU – das beschleunigt Verläufe, Tessellierung, Hit-Testing, Culling, Extrusionsanimationen und das Laden von Dateien.

Export und Import

Frames lassen sich jetzt als SVG exportieren – Vektorarbeit verlässt Hana also als Vektoren – und als PDF für Druck und Übergabe.

Adobe-Illustrator-Dateien lassen sich direkt auf den Canvas importieren, sodass du bestehende Artworks ohne vorherige Konvertierung übernimmst.

Verbesserungen im Alltag

Halte jetzt Alt bzw. Option gedrückt, um den Abstand zwischen deiner Auswahl und dem Objekt unter dem Cursor zu sehen. Wählst du mehrere Objekte aus, werden die Abstände zwischen ihnen angezeigt. Der Grid-Layout-Maker ordnet eine Auswahl in einem konfigurierbaren Raster an, und Frame-Vorlagen decken gängige Geräte- und Social-Media-Formate ab.

Bilder haben Steuerungen für Zuschnitt und Einpassung, und wenn du beim Ziehen eines Skalierungsgriffs CMD gedrückt hältst, wird die Füllung an Ort und Stelle beschnitten statt skaliert. Text kann mit Auslassungspunkten gekürzt werden. Weiche, abgerundete Ecken gelten jetzt für eigene Formen und alle 2D-Grundformen, nicht nur für Rechtecke. Der Farbwähler zeigt jetzt Kontrastverhältnisse an.

Dazu kommen mehr als zwanzig neue Animationsübergänge, darunter Sine-, Expo-, Circ-, Back-, Power- und Bezier-Varianten sowie ein Spring.

Die Cursor von Mitwirkenden aktualisieren sich jetzt in Echtzeit, statt hinterherzuhinken. Du siehst den Cursor jeder Person mit ihrem Namen, ihre umrandete Auswahl und ihre Rahmenauswahlen, während sie passieren.

Die neue Desktop-App

Die Desktop-App wurde neu gebaut und ersetzt die bisherige Version direkt, auf macOS und Windows.

Dateien öffnen sich als Tabs, sodass mehrere Projekte gleichzeitig offen bleiben können, und eine Spline-Szene kann mit demselben Login in derselben Tab-Leiste liegen. Die App liest außerdem die auf deinem Rechner installierten Schriften und listet sie im Schriftwähler neben Google Fonts.

Über sie verbinden sich auch externe Agenten. Starte sie neben deinem KI-Tool (Claude Code, Claude Desktop, ChatGPT, Cursor, VS Code, Antigravity), und Spline meldet sich dort automatisch an – ganz ohne Konfiguration. Eine Anzeige pro Tab zeigt, wenn ein Agent an einer Datei arbeitet.

Ab heute verfügbar

Hana V2 bringt den KI-Agenten und den MCP-Server, den Import von GLTF- und GLB-Modellen, den Export als SVG und PDF, verbesserte Echtzeit-Cursor für Mitwirkende, WebGPU-Rendering und die oben genannten Verbesserungen im Editor.

Auch Spline, unser 3D-Editor, hat ein eigenes V2-Release bekommen.

Lade die Desktop-App herunter oder öffne Hana in deinem Browser.

Das Spline-Team 🌸

Hana öffnen