# Spline Hana - Een designcanvas aangedreven door AI-agents (https://spline.design/nl/hana)

> Hana is het 2D-designcanvas van Spline: GPU-versnelde vectorbewerking, states en animaties, en AI-agents (die van Hana of je eigen via MCP) die samen met je team ontwerpen.

# Een designcanvas aangedreven door AI-agents

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

[Begin met bouwen](https://app.spline.design/signin)[Verbind je agent](https://spline.design/nl/mcp)

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.

[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)

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](https://spline.design/nl/mcp)

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 interacteren[Scène remixen](https://app.spline.design/ui/2e2daf97-d4bb-4861-9ef6-81348aa5a77d)

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>

```

[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)

## Begin met ontwerpen in Hana

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

[Spline](https://spline.design/nl)

De 3D- en 2D-editor voor teams en hun agents. Publiceer op het web, iOS en Android.

#### Vraag AI naar Spline

#### Producten

- [3D-design](https://spline.design/nl/3d-design)
- [Hana](https://spline.design/nl/hana)
- [Omma](https://omma.build)
- [3D genereren met AI](https://spline.design/nl/ai-generate)
- [Spline MCP](https://spline.design/nl/mcp)
- [Spline Arena](https://spline.design/nl/arena)
- [Prijzen](https://spline.design/nl/pricing)
- [Enterprise](https://spline.design/nl/enterprise)

#### Runtimes

- [Web](https://spline.design/nl/web)
- [iOS](https://spline.design/nl/ios)
- [Android](https://spline.design/nl/android)

#### Apps

- [Downloaden](https://spline.design/nl/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror downloaden](https://spline.design/download-mirror)

#### Leren

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/nl/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Oplossingen](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/nl/blog)
- [Changelog](https://spline.design/nl/changelog)
- [Onderwijs](https://spline.design/nl/education)
- [Contra](https://spline.design/contra)
- [Affiliates](https://spline.design/nl/affiliate)

#### Bedrijf

- [Klanten](https://spline.design/nl/customers)
- [Vacatures](https://www.ycombinator.com/companies/spline/jobs)
- [Beveiliging](https://spline.design/nl/security)

#### Juridisch

- [Algemene voorwaarden](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.