SplineMaak kennis met Hana V2
Een grote update van ons 2D-designcanvas, aangedreven door AI-agents en MCP, met rendering via WebGPU, realtime 3D-objecten en meer.
Vandaag brengen we Hana V2 uit, een grote update van ons 2D-designcanvas, nu aangedreven door AI-agents en MCP, met rendering via WebGPU en meer.
Deze release omvat ondersteuning voor de agent en MCP, het importeren van GLTF- en GLB-modellen, export naar SVG en PDF, betere realtime samenwerking, de overstap naar WebGPU en een reeks kleinere verbeteringen aan de editor.
Ook Spline, onze 3D-editor, kreeg een eigen V2-release.
De AI-agent
Hana heeft nu een eigen AI-agent. Vraag hem om een UI-design, een landingspagina of een appscherm en hij bouwt het resultaat op uit de eigen objecten van Hana: frames, tekst, vectoren en fills. Wat eruit komt is een bewerkbaar design. Hij kan ook bestaande content bewerken, dus je kunt hem op een scherm wijzen dat je al hebt en beschrijven wat je wilt veranderen.
Hana draait ook een MCP-server, zodat externe AI-tools er rechtstreeks in kunnen ontwerpen. Claude Code, Cursor, Codex en andere krijgen dezelfde mogelijkheden als de ingebouwde agent: de scène lezen, objecten maken en bewerken, afbeeldingen uploaden om als echte content te gebruiken en screenshots maken om hun werk te controleren.
Omdat die tools naast je code draaien, kunnen ze ook vanuit een repository werken. Wijs Claude Code of Cursor op een repo en hij kan je applicatie op het canvas namaken als bewerkbare Hana-objecten, met je echte schermen, componenten en teksten.
3D op het 2D-canvas
Eerder voegden we ondersteuning toe voor geëxtrudeerde 3D-vormen, die elke 2D-vorm omzetten in 3D-geometrie en een live koppeling met het origineel houden, zodat de geometrie in realtime meeverandert als je de vorm bewerkt.
Deze release voegt geïmporteerde 3D-modellen toe. GLTF- en GLB-bestanden worden als 3D-objecten op het canvas geïmporteerd, met meshes, materialen en texturen, plus skeletten, skinning en morph targets, zodat geriggde en geanimeerde modellen hun animatie behouden. In een animatie-inspector kies je een clip en bedien je het afspelen, en met de mesh-instellingen regel je belichting en shading.
Een 3D-object is een Hana-object zoals elk ander. Het gebruikt hetzelfde vormensysteem als rechthoeken, tekst en vectornetwerken, dus het krijgt dezelfde transformaties, volgt dezelfde layoutregels en wordt geanimeerd met hetzelfde animatiesysteem.
Sneller canvas met WebGPU
Hana rendert met een eigen engine, die vectorvormen, booleans, blurs en schaduwen in volle kwaliteit en in realtime tekent. Die engine draait nu standaard op WebGPU, waardoor gradiënten, tessellatie, hit-testing, culling, extrude-animaties en het laden van bestanden sneller gaan.
Exporteren en importeren
Frames worden nu geëxporteerd als SVG, zodat vectorwerk Hana als vectoren verlaat, en als PDF voor print en overdracht.
Adobe Illustrator-bestanden importeer je rechtstreeks op het canvas, zodat je bestaand artwork kunt binnenhalen zonder het eerst te converteren.
Meer werkgemak
Houd nu Alt of Option ingedrukt om de afstand te zien tussen je selectie en het object waar je overheen hovert. Selecteer je meerdere objecten, dan zie je de ruimtes ertussen. De gridlayoutmaker zet een selectie in een instelbaar raster, en frametemplates dekken de gangbare formaten voor apparaten en social media.
Afbeeldingen hebben instellingen voor bijsnijden en passend maken, en als je CMD ingedrukt houdt terwijl je aan een formaathandvat sleept, snijd je de fill ter plekke bij in plaats van hem te schalen. Tekst kan worden afgekapt met een beletselteken. Vloeiende afgeronde hoeken werken nu op eigen vormen en alle 2D-primitives, niet alleen op rechthoeken. De kleurkiezer toont nu contrastverhoudingen.
Er zijn meer dan twintig nieuwe animatietransities bijgekomen, waaronder sine-, expo-, circ-, back-, power- en bezier-varianten en een spring.
De cursors van teamgenoten worden nu in realtime bijgewerkt in plaats van achter te lopen. Je ziet de cursor van elke persoon met zijn of haar naam erbij, de selectie omlijnd en selectiekaders terwijl ze worden getrokken.
De nieuwe desktopapp
De desktopapp is opnieuw gebouwd en vervangt de vorige versie direct, op macOS en Windows.
Bestanden openen als tabbladen, zodat je meerdere projecten tegelijk open kunt houden, en een Spline-scène kan in dezelfde tabbalk staan met dezelfde login. De app leest ook de lettertypen die op je computer zijn geïnstalleerd en toont ze in de lettertypekiezer naast Google Fonts.
Het is ook de manier waarop externe agents verbinding maken. Start hem naast je AI-tool (Claude Code, Claude Desktop, ChatGPT, Cursor, VS Code, Antigravity) en Spline registreert zich er automatisch bij, zonder iets te hoeven configureren. Een indicator per tabblad laat zien wanneer een agent aan een bestand werkt.
Vanaf vandaag beschikbaar
Hana V2 brengt de AI-agent en de MCP-server, het importeren van GLTF- en GLB-modellen, export naar SVG en PDF, betere realtime cursors van teamgenoten, rendering via WebGPU en de verbeteringen aan de editor hierboven.
Ook Spline, onze 3D-editor, kreeg een eigen V2-release.
Download de desktopapp of open Hana in je browser.
Het Spline-team 🌸
