# Paano Magdagdag ng mga Interactive na Design na Gawa sa Spline sa Figma - Spline Academy (https://spline.design/fil/academy/tutorials/how-to-add-interactive-designs-made-in-spline-into-figma)

> Sa tutorial na ito, sisimulan namin sa pagpapakita kung paano gawing interactive experience ang isang 3D burger design na gawa sa Spline. Pagkatapos,…

1. [Academy](https://spline.design/fil/academy)
2. [Mga Tutorial](https://spline.design/fil/academy/tutorials)
3. Paano Magdagdag ng mga Interactive na Design na Gawa sa Spline sa Figma

# Paano Magdagdag ng mga Interactive na Design na Gawa sa Spline sa Figma

Spline 3DBaguhan7 min

Sa tutorial na ito, sisimulan namin sa pagpapakita kung paano gawing interactive experience ang isang 3D burger design na gawa sa Spline. Pagkatapos, gagabayan ka namin kung paano i-export at i-embed ang scene na ito sa Figma gamit ang Anima Plugin. Silipin ang Spline: <https://spline.design/> I-download at alamin pa ang tungkol sa Anima plugin sa <https://www.animaapp.com/figma>

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

👉 Sa Spline, hindi ka lang makakapag-embed ng mga 3D scene sa mga project mo, makakagawa ka rin ng mga native app para sa iOS. Tuklasin ang 3D mo sa Apple Vision Pro sa pag-export ng mga design mo sa Spline Mirror para sa visionOS.

Higit pang impormasyon tungkol dito sa <https://spline.design/ios#app-generation>

💖 Sumali sa aming Community 👉 <http://discord.gg/spline>

## Ang matututunan mo

1. [0:00Intro](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=0s)
2. [0:34Paggawa ng Interactive na Animation sa Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=34s)
3. [3:44Pag-embed ng 3D Design sa Figma gamit ang Anima Plugin](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=224s)
4. [5:50Gumawa ng mga native app mismo mula sa Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=350s)

## Mga kaugnay na resource

- [HamburgerTemplate](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 worksDokumento](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Integrating with FigmaDokumento](https://docs.spline.design/integrations/integrating-with-figma)

## Overview

- Spline 3D
- 7 min
- Baguhan

## Bahagi ng

- [Export at Integration sa Spline](https://spline.design/fil/academy/collections/export-integration-in-spline/how-to-add-interactive-designs-made-in-spline-into-figma)

## Mga kaugnay na tutorial

[Lahat ng tutorial](https://spline.design/fil/academy/tutorials)

[Mag-export ng mga Interactive Experience nang Native para sa iOS at visionOSSpline 3DIntermediate15 min](https://spline.design/fil/academy/tutorials/export-interactive-experiences-natively-for-ios-and-visionos)[Paano Mag-export ng Native 3D para sa AndroidSpline 3DIntermediate12 min](https://spline.design/fil/academy/tutorials/how-to-export-native-3d-for-android)[Mag-trigger ng mga Interaction ayon sa Lapit gamit ang Distance EventSpline 3DBaguhan6 min](https://spline.design/fil/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

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

Ang 3D at 2D editor para sa mga team at kanilang mga agent. I-publish sa web, iOS at Android.

#### Magtanong sa AI tungkol sa Spline

#### Mga Produkto

- [3D Design](https://spline.design/fil/3d-design)
- [Hana](https://spline.design/fil/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/fil/ai-generate)
- [Spline MCP](https://spline.design/fil/mcp)
- [Spline Arena](https://spline.design/fil/arena)
- [Presyo](https://spline.design/fil/pricing)
- [Enterprise](https://spline.design/fil/enterprise)

#### Runtimes

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

#### Apps

- [I-download](https://spline.design/fil/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [I-download ang Spline Mirror](https://spline.design/download-mirror)

#### Matuto

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/fil/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Mga Solusyon](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/fil/blog)
- [Changelog](https://spline.design/fil/changelog)
- [Edukasyon](https://spline.design/fil/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/fil/affiliate)

#### Kumpanya

- [Mga Customer](https://spline.design/fil/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/fil/security)

#### Legal

- [Mga Tuntunin at Kundisyon](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.