# Jak přidat interaktivní návrhy ze Spline do Figmy - 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. [Návody](https://spline.design/cs/academy/tutorials)
3. Jak přidat interaktivní návrhy ze Spline do Figmy

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

Spline 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

## Součást kurzu

- [Export a integrace ve Spline](https://spline.design/cs/academy/collections/export-integration-in-spline/how-to-add-interactive-designs-made-in-spline-into-figma)

## Související návody

[Všechny návody](https://spline.design/cs/academy/tutorials)

[Exportujte interaktivní zážitky nativně pro iOS a visionOSSpline 3DMírně pokročilý15 min](https://spline.design/cs/academy/tutorials/export-interactive-experiences-natively-for-ios-and-visionos)[Jak exportovat nativní 3D pro AndroidSpline 3DMírně pokročilý12 min](https://spline.design/cs/academy/tutorials/how-to-export-native-3d-for-android)[Spouštějte interakce podle vzdálenosti pomocí události DistanceSpline 3DZačátečník6 min](https://spline.design/cs/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

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