# Cách đưa thiết kế tương tác làm bằng Spline vào Figma - Xuất và tích hợp trong Spline - 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. [Khóa học](https://spline.design/vi/academy/collections)
3. [Xuất và tích hợp trong Spline](https://spline.design/vi/academy/collections/export-integration-in-spline)
4. 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

Bài 1 / 8Spline 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

## Tiếp theo

[Cách nhúng cảnh 3D từ Spline vào Shopify9 phútCơ bản](https://spline.design/vi/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)[Tiếp tục](https://spline.design/vi/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)

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