# Cara Menambahkan Desain Interaktif Buatan Spline ke Figma - Ekspor & Integrasi di Spline - 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. [Kursus](https://spline.design/id/academy/collections)
3. [Ekspor & Integrasi di Spline](https://spline.design/id/academy/collections/export-integration-in-spline)
4. Cara Menambahkan Desain Interaktif Buatan Spline ke Figma

# Cara Menambahkan Desain Interaktif Buatan Spline ke Figma

Pelajaran 1 dari 8Spline 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

## Berikutnya

[Cara Menyematkan Scene 3D dari Spline ke Shopify9 mntPemula](https://spline.design/id/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)[Lanjutkan](https://spline.design/id/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)

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