Een designcanvas aangedreven door AI-agents

Ontwerp met je team, ondersteund door AI-agents, MCP en GPU-versnelde tools voor vectorbewerking.

Bibliotheek

Design in beweging, aangedreven door Hana

Ontdek voorbeelden die in Hana zijn gemaakt. Remix ze, bouw ze na en ontdek hoe je ideeën productieklare ervaringen kunnen worden.

Designtools

Vertrouwde, geavanceerde tools voor professioneel design

Vertrouwde designtools, geavanceerde effecten en de structuur om grote projecten overzichtelijk te houden.

  • Oneindig canvas op basis van frames
  • Vectornetwerken en booleans
  • Pagina’s en secties
  • Verlopen, glas en 3D-vormen
Interactiviteit en animatie

Breng je ontwerpen tot leven

Voeg beweging en interactiviteit toe met states, events en animaties, zelf of door het aan de agent te vragen.

  • States en events
  • Animeren met transitieacties
  • Follow- en Look At-interactiviteit
AI-agents

Een canvas waarop je agents kunnen ontwerpen

De eigen agent van Hana ontwerpt op het canvas, en jouw agent kan dat ook, vanuit Claude, ChatGPT, Cursor of elke MCP-client.

  • Maakt frames, effecten en interacties
  • Meerdere schermen parallel gebouwd
  • Je eigen agent via MCP
  • Alles blijft handmatig bewerkbaar
Verbind je agent
Gemaakt voor interactiviteit

Een designtool gemaakt voor interactiviteit

Een snelle, vertrouwde interface met de tools die je nodig hebt om interactieve interfaces, motion en realtime graphics te ontwerpen.

  • Vertrouwde designtools

    Ontwerp op een oneindig canvas met frames, de pen, booleans, vormen en nog veel meer.

  • Krachtige interactiviteit

    Maak interactieve ervaringen met states, events en acties.

  • Geanimeerde ervaringen

    Breng beweging in je ontwerpen met states en transities.

  • Visuele effecten

    Gebruik schaduwen, blur, ruis, glas en 3D voor realtime visuele effecten.

  • Realtime booleans

    Bouw geavanceerde booleaanse systemen en animeer ze in realtime.

  • Vectornetwerken

    Maak vectornetwerken en geef ze unieke interactiviteit.

  • Preview op het canvas

    Bekijk je interactiviteit en animaties direct op het canvas.

  • Productieklare exports

    Integreer je interactieve ontwerpen in websites, webapps en digitale producten.

Samenwerking

Samen ontwerpen, in realtime

Ontwerp interactiviteit op een oneindig canvas met realtime samenwerking, georganiseerd in een gedeelde ruimte voor je hele team.

Realtime multiplayer

Ontwerp met je hele team in hetzelfde bestand.

Rollen en rechten

Volledige controle over individuele Editor- en Viewer-rollen.

Bestandsbeheer

Een gedeelde teamruimte om elk bestand en project op te slaan en te beheren.

Notities en feedback

Laat opmerkingen achter voor je team of maak notities, direct in de editor.

Exporteren

Publiceer interactiviteit op het web

Integreer moeiteloos interactieve ervaringen in je websites, webapps en digitale producten.

Beweeg je muis of vinger om te interacterenScène 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>

Begin met ontwerpen in Hana

Verbind je agent, nodig je team uit en publiceer vandaag nog je eerste ontwerp.