# Spline Hana - En designcanvas driven av AI-agenter (https://spline.design/sv/hana)

> Hana är Splines 2D-designcanvas: GPU-accelererad vektorredigering, tillstånd och animationer, och AI-agenter – Hanas egna eller dina via MCP – som designar med ditt team.

# En designcanvas driven av AI-agenter

Designa med ditt team, med stöd av AI-agenter, MCP och **GPU-accelererade verktyg för vektorredigering**.

[Börja skapa](https://app.spline.design/signin)[Koppla din agent](https://spline.design/sv/mcp)

Bibliotek

## Design i rörelse, driven av Hana

Upptäck exempel skapade i Hana. Remixa, bygg om och utforska hur dina idéer kan bli produktionsklara upplevelser.

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

Designverktyg

## Välbekanta och avancerade verktyg för professionell design

Välbekanta designverktyg, avancerade effekter och strukturen som håller ordning på stora projekt.

- Oändlig canvas med frames
- Vektornätverk och booleska operationer
- Sidor och sektioner
- Övertoningar, glas och 3D-former

Interaktivitet och animation

## Väck dina designer till liv

Lägg till rörelse och interaktivitet med tillstånd, händelser och animationer, för hand eller genom att be agenten.

- Tillstånd och händelser
- Animera med övergångsåtgärder
- Interaktivitet med Follow och Look At

AI-agenter

## En canvas där dina agenter kan designa

Hanas egen agent designar på canvasen, och det kan din också, från Claude, ChatGPT, Cursor eller vilken MCP-klient som helst.

- Bygger frames, effekter och interaktioner
- Flera skärmar byggda parallellt
- Din egen agent via MCP
- Allt går fortfarande att redigera för hand
[Koppla din agent](https://spline.design/sv/mcp)

Byggt för interaktivitet

## Ett designverktyg byggt för interaktivitet

Ett snabbt och välbekant gränssnitt med verktygen du behöver för att designa interaktiva gränssnitt, rörelse och grafik i realtid.

- ### Välbekanta designverktyg  
Designa på en oändlig canvas med frames, pennan, booleska operationer, former och mycket mer.
- ### Kraftfull interaktivitet  
Skapa interaktiva upplevelser med tillstånd, händelser och åtgärder.
- ### Animerade upplevelser  
Ge dina designer rörelse med tillstånd och övergångar.
- ### Visuella effekter  
Använd skuggor, oskärpa, brus, glas och 3D för visuella effekter i realtid.
- ### Booleska operationer i realtid  
Bygg avancerade booleska system och animera dem i realtid.
- ### Vektornätverk  
Skapa vektornätverk och ge dem en unik interaktivitet.
- ### Förhandsvisning på canvasen  
Förhandsgranska interaktivitet och animationer direkt på canvasen.
- ### Produktionsklar export  
Integrera dina interaktiva designer i webbplatser, webbappar och digitala produkter.

Samarbete

## Designa tillsammans, i realtid

Designa interaktivitet på en oändlig canvas med samarbete i realtid, samlat i en gemensam arbetsyta för hela teamet.

### Multiplayer i realtid

Designa med hela teamet i samma fil.

### Roller och behörigheter

Full kontroll över individuella roller som Redigerare och Tittare.

### Filhantering

En gemensam teamyta för att lagra och hantera alla filer och projekt.

### Anteckningar och feedback

Lämna kommentarer till ditt team eller anteckna direkt i editorn.

Export

## Publicera interaktivitet på webben

Integrera interaktiva upplevelser i dina webbplatser, webbappar och digitala produkter utan krångel.

Rör musen eller fingret för att interagera[Remixa scenen](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)

## Börja designa med Hana

Koppla din agent, bjud in ditt team och publicera din första design redan i dag.

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

3D- och 2D-editorn för team och deras agenter. Publicera på webben, iOS och Android.

#### Fråga AI om Spline

#### Produkter

- [3D-design](https://spline.design/sv/3d-design)
- [Hana](https://spline.design/sv/hana)
- [Omma](https://omma.build)
- [3D-generering med AI](https://spline.design/sv/ai-generate)
- [Spline MCP](https://spline.design/sv/mcp)
- [Spline Arena](https://spline.design/sv/arena)
- [Priser](https://spline.design/sv/pricing)
- [Företag](https://spline.design/sv/enterprise)

#### Runtimes

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

#### Appar

- [Ladda ner](https://spline.design/sv/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Ladda ner Spline Mirror](https://spline.design/download-mirror)

#### Lär dig

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/sv/blog)
- [Ändringslogg](https://spline.design/sv/changelog)
- [Utbildning](https://spline.design/sv/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/sv/affiliate)

#### Företaget

- [Kunder](https://spline.design/sv/customers)
- [Karriär](https://www.ycombinator.com/companies/spline/jobs)
- [Säkerhet](https://spline.design/sv/security)

#### Juridik

- [Villkor](https://spline.design/terms)
- [Integritet](https://spline.design/privacy)

#### Kontakt

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

© 2026 - Spline, Inc.