# Cara Menambah Reka Bentuk Interaktif yang Dibuat dalam Spline ke dalam Figma - Spline Academy (https://spline.design/ms/academy/tutorials/how-to-add-interactive-designs-made-in-spline-into-figma)

> Dalam tutorial ini, kami akan bermula dengan menunjukkan cara mengubah reka bentuk burger 3D yang dibuat dalam Spline menjadi pengalaman interaktif.…

1. [Academy](https://spline.design/ms/academy)
2. [Tutorial](https://spline.design/ms/academy/tutorials)
3. Cara Menambah Reka Bentuk Interaktif yang Dibuat dalam Spline ke dalam Figma

# Cara Menambah Reka Bentuk Interaktif yang Dibuat dalam Spline ke dalam Figma

Spline 3DPemula7 min

Dalam tutorial ini, kami akan bermula dengan menunjukkan cara mengubah reka bentuk burger 3D yang dibuat dalam Spline menjadi pengalaman interaktif. Kemudian, kami akan membimbing anda tentang cara mengeksport dan membenamkan adegan ini ke dalam Figma menggunakan Plugin Anima. Lihat Spline: <https://spline.design/> Muat turun dan ketahui lebih lanjut tentang plugin Anima di <https://www.animaapp.com/figma>

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

👉 Dengan Spline, anda bukan sahaja boleh membenamkan adegan 3D ke dalam projek anda tetapi juga menjana aplikasi natif untuk iOS. Terokai 3D anda pada Apple VisionPro dengan mengeksport reka bentuk anda ke Spline Mirror untuk visionOS.

Maklumat lanjut tentang perkara ini di <https://spline.design/ios#app-generation>

💖 Sertai Komuniti kami 👉 <http://discord.gg/spline>

## Apa yang akan anda pelajari

1. [0:00Pengenalan](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=0s)
2. [0:34Mencipta Animasi Interaktif dalam Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=34s)
3. [3:44Membenamkan Reka Bentuk 3D ke dalam Figma dengan Plugin Anima](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=224s)
4. [5:50Jana aplikasi natif terus daripada Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=350s)

## Sumber berkaitan

- [HamburgerTemplat](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)

## Gambaran keseluruhan

- Spline 3D
- 7 min
- Pemula

## Sebahagian daripada

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

## Tutorial berkaitan

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

[Eksport Pengalaman Interaktif Secara Natif untuk iOS dan visionOSSpline 3DPertengahan15 min](https://spline.design/ms/academy/tutorials/export-interactive-experiences-natively-for-ios-and-visionos)[Cara Mengeksport 3D Natif untuk AndroidSpline 3DPertengahan12 min](https://spline.design/ms/academy/tutorials/how-to-export-native-3d-for-android)[Cetuskan Interaksi Berdasarkan Jarak Menggunakan Peristiwa DistanceSpline 3DPemula6 min](https://spline.design/ms/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

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

Editor 3D dan 2D untuk pasukan dan ejen mereka. Terbitkan ke web, iOS dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Reka Bentuk 3D](https://spline.design/ms/3d-design)
- [Hana](https://spline.design/ms/hana)
- [Omma](https://omma.build)
- [Penjanaan 3D AI](https://spline.design/ms/ai-generate)
- [Spline MCP](https://spline.design/ms/mcp)
- [Spline Arena](https://spline.design/ms/arena)
- [Harga](https://spline.design/ms/pricing)
- [Perusahaan](https://spline.design/ms/enterprise)

#### Runtime

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

#### Aplikasi

- [Muat Turun](https://spline.design/ms/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Muat turun Spline Mirror](https://spline.design/download-mirror)

#### Belajar

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

#### Komuniti

- [Komuniti Spline](https://community.spline.design)
- [Blog](https://spline.design/ms/blog)
- [Log Perubahan](https://spline.design/ms/changelog)
- [Pendidikan](https://spline.design/ms/education)
- [Contra](https://spline.design/contra)
- [Afiliat](https://spline.design/ms/affiliate)

#### Syarikat

- [Pelanggan](https://spline.design/ms/customers)
- [Kerjaya](https://www.ycombinator.com/companies/spline/jobs)
- [Keselamatan](https://spline.design/ms/security)

#### Undang-undang

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

#### Hubungi

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

© 2026 - Spline, Inc.