# Jak přidat interaktivní návrhy ze Spline do Figmy - Export a integrace ve Spline - Spline Academy (https://spline.design/cs/academy/tutorials/how-to-add-interactive-designs-made-in-spline-into-figma)

> V tomto návodu vám nejdřív ukážeme, jak proměnit 3D návrh burgeru vytvořený ve Spline v interaktivní zážitek. Pak vás provedeme exportem a vložením této…

1. [Akademie](https://spline.design/cs/academy)
2. [Kurzy](https://spline.design/cs/academy/collections)
3. [Export a integrace ve Spline](https://spline.design/cs/academy/collections/export-integration-in-spline)
4. Jak přidat interaktivní návrhy ze Spline do Figmy

# Jak přidat interaktivní návrhy ze Spline do Figmy

Lekce 1 z 8Spline 3DZačátečník7 min

V tomto návodu vám nejdřív ukážeme, jak proměnit 3D návrh burgeru vytvořený ve Spline v interaktivní zážitek. Pak vás provedeme exportem a vložením této scény do Figmy pomocí pluginu Anima. Vyzkoušejte Spline: <https://spline.design/> Plugin Anima si stáhněte a zjistěte o něm víc na <https://www.animaapp.com/figma>

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

👉 Se Spline můžete 3D scény nejen vkládat do projektů, ale také generovat nativní aplikace pro iOS. Prozkoumejte své 3D na Apple Vision Pro exportem návrhů do Spline Mirror pro visionOS.

Více informací najdete na <https://spline.design/ios#app-generation>

💖 Přidejte se k naší komunitě 👉 <http://discord.gg/spline>

## Co se naučíte

1. [0:00Úvod](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=0s)
2. [0:34Tvorba interaktivní animace ve Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=34s)
3. [3:44Vložení 3D návrhu do Figmy pomocí pluginu Anima](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=224s)
4. [5:50Generujte nativní aplikace přímo ze Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=350s)

## Související zdroje

- [HamburgerŠablona](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)

## Přehled

- Spline 3D
- 7 min
- Začátečník

## Následuje

[Jak vložit 3D scény ze Spline do Shopify9 minZačátečník](https://spline.design/cs/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)[Pokračovat](https://spline.design/cs/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)

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

3D a 2D editor pro týmy a jejich agenty. Publikujte na web, iOS i Android.

#### Zeptejte se AI na Spline

#### Produkty

- [3D design](https://spline.design/cs/3d-design)
- [Hana](https://spline.design/cs/hana)
- [Omma](https://omma.build)
- [Generování 3D pomocí AI](https://spline.design/cs/ai-generate)
- [Spline MCP](https://spline.design/cs/mcp)
- [Spline Arena](https://spline.design/cs/arena)
- [Ceník](https://spline.design/cs/pricing)
- [Enterprise](https://spline.design/cs/enterprise)

#### Runtimy

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

#### Aplikace

- [Stáhnout](https://spline.design/cs/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Stáhnout Spline Mirror](https://spline.design/download-mirror)

#### Výuka

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/cs/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Řešení](https://spline.design/solutions)

#### Komunita

- [Komunita Spline](https://community.spline.design)
- [Blog](https://spline.design/cs/blog)
- [Novinky](https://spline.design/cs/changelog)
- [Vzdělávání](https://spline.design/cs/education)
- [Contra](https://spline.design/contra)
- [Partnerský program](https://spline.design/cs/affiliate)

#### Společnost

- [Zákazníci](https://spline.design/cs/customers)
- [Kariéra](https://www.ycombinator.com/companies/spline/jobs)
- [Zabezpečení](https://spline.design/cs/security)

#### Právní informace

- [Obchodní podmínky](https://spline.design/terms)
- [Ochrana soukromí](https://spline.design/privacy)

#### Kontakt

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

© 2026 - Spline, Inc.