# Så lägger du in interaktiva designer från Spline i Figma - Export och integration i Spline - Spline Academy (https://spline.design/sv/academy/tutorials/how-to-add-interactive-designs-made-in-spline-into-figma)

> I den här tutorialen börjar vi med att visa hur du gör en 3D-hamburgare designad i Spline till en interaktiv upplevelse. Sedan visar vi hur du exporterar…

1. [Academy](https://spline.design/sv/academy)
2. [Kurser](https://spline.design/sv/academy/collections)
3. [Export och integration i Spline](https://spline.design/sv/academy/collections/export-integration-in-spline)
4. Så lägger du in interaktiva designer från Spline i Figma

# Så lägger du in interaktiva designer från Spline i Figma

Lektion 1 av 8Spline 3DNybörjare7 min

I den här tutorialen börjar vi med att visa hur du gör en 3D-hamburgare designad i Spline till en interaktiv upplevelse. Sedan visar vi hur du exporterar och bäddar in scenen i Figma med pluginen Anima. Kolla in Spline: <https://spline.design/> Ladda ner och läs mer om pluginen Anima på <https://www.animaapp.com/figma>

🍔 Remix: <https://app.spline.design/file/84edf867-cc15-4fd3-a379-d46b3de66750>

👉 Med Spline kan du inte bara bädda in 3D-scener i dina projekt, utan också generera native appar för iOS. Utforska din 3D på Apple Vision Pro genom att exportera dina designer till Spline Mirror för visionOS.

Mer information om det finns på <https://spline.design/ios#app-generation>

💖 Gå med i vår community 👉 <http://discord.gg/spline>

## Det här lär du dig

1. [0:00Intro](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=0s)
2. [0:34Skapa interaktiv animation i Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=34s)
3. [3:44Bädda in 3D-design i Figma med pluginen Anima](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=224s)
4. [5:50Generera native appar direkt från Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=350s)

## Relaterade resurser

- [HamburgerMall](https://app.spline.design/academy/tutorials/how-to-add-interactive-designs-made-in-spline-into-figma?redirect-duplicate-template-uuid=bc0efa43-aa85-427c-a501-c89c80b332f4&is-2d-file=false)
- [How state-based animation worksDokument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Integrating with FigmaDokument](https://docs.spline.design/integrations/integrating-with-figma)

## Översikt

- Spline 3D
- 7 min
- Nybörjare

## Nästa

[Så bäddar du in 3D-scener från Spline i Shopify9 minNybörjare](https://spline.design/sv/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)[Fortsätt](https://spline.design/sv/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)

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