# Cách thiết kế và dùng component trong 3D - Spline nâng cao | Đi sâu vào tính năng - Spline Academy (https://spline.design/vi/academy/tutorials/how-to-design-and-use-components-in-3d)

> Xin chào! Trong hướng dẫn này, bạn sẽ học cách component hoạt động và cách chúng giúp bạn thiết kế 3D nhanh hơn và hiệu quả hơn.

1. [Academy](https://spline.design/vi/academy)
2. [Khóa học](https://spline.design/vi/academy/collections)
3. [Spline nâng cao | Đi sâu vào tính năng](https://spline.design/vi/academy/collections/spline-advanced-feature-deep-dive)
4. Cách thiết kế và dùng component trong 3D

# Cách thiết kế và dùng component trong 3D

Bài 1 / 17Spline 3DTrung cấp15 phút

Xin chào! Trong hướng dẫn này, bạn sẽ học cách component hoạt động và cách chúng giúp bạn thiết kế 3D nhanh hơn và hiệu quả hơn.

Bạn có thể tìm các tệp cảnh trong hướng dẫn này trong Library (<https://app.spline.design/library>)

11: 34 Tách instance

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

1. [0:00Giới thiệu](https://www.youtube.com/watch?v=VSddFnDjPUA&t=0s)
2. [0:43Tạo một instance của component](https://www.youtube.com/watch?v=VSddFnDjPUA&t=43s)
3. [2:24Ghi đè instance](https://www.youtube.com/watch?v=VSddFnDjPUA&t=144s)
4. [4:35Tạo các phương án thiết kế](https://www.youtube.com/watch?v=VSddFnDjPUA&t=275s)
5. [5:54Thêm sự kiện vào component](https://www.youtube.com/watch?v=VSddFnDjPUA&t=354s)
6. [7:00Ghi đè tương tác](https://www.youtube.com/watch?v=VSddFnDjPUA&t=420s)
7. [9:06Những cách dùng component 3D thông minh](https://www.youtube.com/watch?v=VSddFnDjPUA&t=546s)
8. [10:18Hệ thống thiết kế với component](https://www.youtube.com/watch?v=VSddFnDjPUA&t=618s)
9. [10:47Hoán đổi instance](https://www.youtube.com/watch?v=VSddFnDjPUA&t=647s)
10. [12:06Đặt lại ghi đè](https://www.youtube.com/watch?v=VSddFnDjPUA&t=726s)
11. [13:11Cloner và instance](https://www.youtube.com/watch?v=VSddFnDjPUA&t=791s)
12. [14:20Kết thúc](https://www.youtube.com/watch?v=VSddFnDjPUA&t=860s)

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

- [Component ToggleMẫu](https://app.spline.design/academy/tutorials/how-to-design-and-use-components-in-3d?redirect-duplicate-template-uuid=a1664528-244c-463a-bdd2-c38500f46caa&is-2d-file=false)
- [ComponentsTài liệu](https://docs.spline.design/designing-in-3-d/components)
- [Materials & ShadingTài liệu](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)

## Tổng quan

- Spline 3D
- 15 phút
- Trung cấp

## Tiếp theo

[Cách xây dựng component 3D tái sử dụng được7 phútTrung cấp](https://spline.design/vi/academy/collections/spline-advanced-feature-deep-dive/how-to-build-reusable-3d-components)[Tiếp tục](https://spline.design/vi/academy/collections/spline-advanced-feature-deep-dive/how-to-build-reusable-3d-components)

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