# Cara Menambahkan Desain Interaktif Buatan Spline ke Figma - Spline Academy (https://spline.design/id/academy/tutorials/how-to-add-interactive-designs-made-in-spline-into-figma)

> Dalam tutorial ini, kami akan mulai dengan menunjukkan cara mengubah desain burger 3D buatan Spline menjadi pengalaman interaktif. Lalu, kami akan memandu…

1. [Academy](https://spline.design/id/academy)
2. [Tutorial](https://spline.design/id/academy/tutorials)
3. Cara Menambahkan Desain Interaktif Buatan Spline ke Figma

# Cara Menambahkan Desain Interaktif Buatan Spline ke Figma

Spline 3DPemula7 mnt

Dalam tutorial ini, kami akan mulai dengan menunjukkan cara mengubah desain burger 3D buatan Spline menjadi pengalaman interaktif. Lalu, kami akan memandu Anda mengekspor dan menyematkan scene ini ke Figma dengan plugin Anima. Coba Spline: <https://spline.design/> Unduh dan pelajari lebih lanjut tentang plugin Anima di <https://www.animaapp.com/figma>

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

👉 Dengan Spline, Anda tidak hanya bisa menyematkan scene 3D ke proyek Anda, tetapi juga menghasilkan aplikasi native untuk iOS. Jelajahi 3D Anda di Apple Vision Pro dengan mengekspor desain ke Spline Mirror untuk visionOS.

Informasi lebih lanjut di <https://spline.design/ios#app-generation>

💖 Bergabunglah dengan komunitas kami 👉 <http://discord.gg/spline>

## Yang akan Anda pelajari

1. [0:00Intro](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=0s)
2. [0:34Membuat animasi interaktif di Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=34s)
3. [3:44Menyematkan desain 3D ke Figma dengan plugin Anima](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=224s)
4. [5:50Menghasilkan aplikasi native langsung dari Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=350s)

## Sumber terkait

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

## Ikhtisar

- Spline 3D
- 7 mnt
- Pemula

## Bagian dari

- [Ekspor & Integrasi di Spline](https://spline.design/id/academy/collections/export-integration-in-spline/how-to-add-interactive-designs-made-in-spline-into-figma)

## Tutorial terkait

[Semua tutorial](https://spline.design/id/academy/tutorials)

[Mengekspor Pengalaman Interaktif secara Native untuk iOS dan visionOSSpline 3DMenengah15 mnt](https://spline.design/id/academy/tutorials/export-interactive-experiences-natively-for-ios-and-visionos)[Cara Mengekspor 3D Native untuk AndroidSpline 3DMenengah12 mnt](https://spline.design/id/academy/tutorials/how-to-export-native-3d-for-android)[Memicu Interaksi Berdasarkan Kedekatan dengan Event DistanceSpline 3DPemula6 mnt](https://spline.design/id/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

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

Editor 3D dan 2D untuk tim dan agen mereka. Rilis ke web, iOS, dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Desain 3D](https://spline.design/id/3d-design)
- [Hana](https://spline.design/id/hana)
- [Omma](https://omma.build)
- [Pembuatan 3D dengan AI](https://spline.design/id/ai-generate)
- [Spline MCP](https://spline.design/id/mcp)
- [Spline Arena](https://spline.design/id/arena)
- [Harga](https://spline.design/id/pricing)
- [Enterprise](https://spline.design/id/enterprise)

#### Runtime

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

#### Aplikasi

- [Unduh](https://spline.design/id/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Unduh Spline Mirror](https://spline.design/download-mirror)

#### Belajar

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

#### Komunitas

- [Komunitas Spline](https://community.spline.design)
- [Blog](https://spline.design/id/blog)
- [Changelog](https://spline.design/id/changelog)
- [Pendidikan](https://spline.design/id/education)
- [Contra](https://spline.design/contra)
- [Afiliasi](https://spline.design/id/affiliate)

#### Perusahaan

- [Pelanggan](https://spline.design/id/customers)
- [Karier](https://www.ycombinator.com/companies/spline/jobs)
- [Keamanan](https://spline.design/id/security)

#### Legal

- [Syarat & Ketentuan](https://spline.design/terms)
- [Privasi](https://spline.design/privacy)

#### Kontak

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

© 2026 - Spline, Inc.