# Kom igång med interaktiv 2D i Hana - Spline Academy (https://spline.design/sv/academy/tutorials/get-started-with-interactive-2d-in-hana)

> Hana är en ny designcanvas för 2D i realtid i Spline som låter dig skapa animerade och interaktiva scener direkt i webbläsaren. Den här introduktionsvideon…

1. [Academy](https://spline.design/sv/academy)
2. [Tutorials](https://spline.design/sv/academy/tutorials)
3. Kom igång med interaktiv 2D i Hana

# Kom igång med interaktiv 2D i Hana

HanaNybörjare17 min

Hana är en ny designcanvas för 2D i realtid i Spline som låter dig skapa animerade och interaktiva scener direkt i webbläsaren. Den här introduktionsvideon hjälper dig att bekanta dig med gränssnittet och guidar nybörjare genom hur man skapar interaktiva 2D-händelser.

Genomgången tar upp gränssnittet, funktionerna, tillstånd, händelser och exportalternativ, och visar också hur du bygger animationer och delar designer.

Oavsett om du är nybörjare eller vill bredda dina färdigheter ger den här videon dig grunden för att börja skapa med Hana.

✨ Kolla in och duplicera scenerna från videon: <https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c>

Upptäck fler fantastiska kreatörer och projekt #MadeInSpline på <https://community.spline.design/>

## Det här lär du dig

1. [0:00Intro](https://www.youtube.com/watch?v=DD8z1voLghU&t=0s)
2. [0:26Så skapar du en 2D-designfil](https://www.youtube.com/watch?v=DD8z1voLghU&t=26s)
3. [0:55Utforska Hanas gränssnitt och funktioner](https://www.youtube.com/watch?v=DD8z1voLghU&t=55s)
4. [7:47Så lägger du till animationer och interaktivitet i dina 2D-designer](https://www.youtube.com/watch?v=DD8z1voLghU&t=467s)
5. [9:24Skapa ett enkelt interaktionsexempel](https://www.youtube.com/watch?v=DD8z1voLghU&t=564s)
6. [13:51Så exporterar och bäddar du in din design](https://www.youtube.com/watch?v=DD8z1voLghU&t=831s)
7. [15:58Så delar du dina designer och ställer in redigeringsbehörigheter](https://www.youtube.com/watch?v=DD8z1voLghU&t=958s)

## Relaterade resurser

- [Hana Public DemosMall](https://app.spline.design/academy/tutorials/get-started-with-interactive-2d-in-hana?redirect-duplicate-template-uuid=91cbe967-5529-4c64-aa6c-7872116ddb5a&is-2d-file=true)

## Översikt

- Hana
- 17 min
- Nybörjare

## Del av

- [Hana | Allt du behöver veta](https://spline.design/sv/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana)

## Relaterade tutorials

[Alla tutorials](https://spline.design/sv/academy/tutorials)

[Skapa en 2D-interaktion som följer muspekarenHanaNybörjare8 min](https://spline.design/sv/academy/tutorials/create-a-2d-follow-interaction)[Så animerar du längs en bana med Hana och SplineHanaNybörjare7 min](https://spline.design/sv/academy/tutorials/how-to-animate-along-a-path-with-hana-and-spline)[Skapa interaktiva designer som reagerar på musen med HanaHanaNybörjare6 min](https://spline.design/sv/academy/tutorials/create-interactive-designs-that-react-to-your-mouse-with-hana)

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