# Cách đưa thiết kế tương tác làm bằng Spline vào Figma - Spline Academy (https://spline.design/vi/academy/tutorials/how-to-add-interactive-designs-made-in-spline-into-figma)

> Trong hướng dẫn này, trước tiên chúng tôi sẽ chỉ cho bạn cách biến một thiết kế burger 3D làm bằng Spline thành trải nghiệm tương tác. Sau đó, chúng tôi sẽ…

1. [Academy](https://spline.design/vi/academy)
2. [Hướng dẫn](https://spline.design/vi/academy/tutorials)
3. Cách đưa thiết kế tương tác làm bằng Spline vào Figma

# Cách đưa thiết kế tương tác làm bằng Spline vào Figma

Spline 3DCơ bản7 phút

Trong hướng dẫn này, trước tiên chúng tôi sẽ chỉ cho bạn cách biến một thiết kế burger 3D làm bằng Spline thành trải nghiệm tương tác. Sau đó, chúng tôi sẽ hướng dẫn bạn xuất và nhúng cảnh này vào Figma bằng plugin Anima. Xem Spline: <https://spline.design/> Tải xuống và tìm hiểu thêm về plugin Anima tại <https://www.animaapp.com/figma>

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

👉 Với Spline, bạn không chỉ có thể nhúng cảnh 3D vào dự án mà còn tạo được ứng dụng native cho iOS. Khám phá 3D của bạn trên Apple Vision Pro bằng cách xuất thiết kế sang Spline Mirror cho visionOS.

Thông tin chi tiết tại <https://spline.design/ios#app-generation>

💖 Tham gia cộng đồng của chúng tôi 👉 <http://discord.gg/spline>

## Bạn sẽ học được gì

1. [0:00Giới thiệu](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=0s)
2. [0:34Tạo hoạt ảnh tương tác trong Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=34s)
3. [3:44Nhúng thiết kế 3D vào Figma bằng plugin Anima](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=224s)
4. [5:50Tạo ứng dụng native trực tiếp từ Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=350s)

## Tài nguyên liên quan

- [HamburgerMẫu](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 worksTài liệu](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Integrating with FigmaTài liệu](https://docs.spline.design/integrations/integrating-with-figma)

## Tổng quan

- Spline 3D
- 7 phút
- Cơ bản

## Thuộc

- [Xuất và tích hợp trong Spline](https://spline.design/vi/academy/collections/export-integration-in-spline/how-to-add-interactive-designs-made-in-spline-into-figma)

## Hướng dẫn liên quan

[Tất cả hướng dẫn](https://spline.design/vi/academy/tutorials)

[Xuất trải nghiệm tương tác dạng native cho iOS và visionOSSpline 3DTrung cấp15 phút](https://spline.design/vi/academy/tutorials/export-interactive-experiences-natively-for-ios-and-visionos)[Cách xuất 3D native cho AndroidSpline 3DTrung cấp12 phút](https://spline.design/vi/academy/tutorials/how-to-export-native-3d-for-android)[Kích hoạt tương tác theo khoảng cách với sự kiện DistanceSpline 3DCơ bản6 phút](https://spline.design/vi/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

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

Trình chỉnh sửa 3D và 2D cho các nhóm và tác nhân AI của họ. Xuất bản lên web, iOS và Android.

#### Hỏi AI về Spline

#### Sản phẩm

- [Thiết kế 3D](https://spline.design/vi/3d-design)
- [Hana](https://spline.design/vi/hana)
- [Omma](https://omma.build)
- [Tạo 3D bằng AI](https://spline.design/vi/ai-generate)
- [Spline MCP](https://spline.design/vi/mcp)
- [Spline Arena](https://spline.design/vi/arena)
- [Bảng giá](https://spline.design/vi/pricing)
- [Doanh nghiệp](https://spline.design/vi/enterprise)

#### Runtime

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

#### Ứng dụng

- [Tải xuống](https://spline.design/vi/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Tải Spline Mirror](https://spline.design/download-mirror)

#### Học

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/vi/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Giải pháp](https://spline.design/solutions)

#### Cộng đồng

- [Cộng đồng Spline](https://community.spline.design)
- [Blog](https://spline.design/vi/blog)
- [Changelog](https://spline.design/vi/changelog)
- [Giáo dục](https://spline.design/vi/education)
- [Contra](https://spline.design/contra)
- [Tiếp thị liên kết](https://spline.design/vi/affiliate)

#### Công ty

- [Khách hàng](https://spline.design/vi/customers)
- [Tuyển dụng](https://www.ycombinator.com/companies/spline/jobs)
- [Bảo mật](https://spline.design/vi/security)

#### Pháp lý

- [Điều khoản & Điều kiện](https://spline.design/terms)
- [Quyền riêng tư](https://spline.design/privacy)

#### Liên hệ

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

© 2026 - Spline, Inc.