# Cách thiết kế và dùng component trong 3D - 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. [Hướng dẫn](https://spline.design/vi/academy/tutorials)
3. Cách thiết kế và dùng component trong 3D

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

Spline 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

## Thuộc

- [Spline nâng cao | Đi sâu vào tính năng](https://spline.design/vi/academy/collections/spline-advanced-feature-deep-dive/how-to-design-and-use-components-in-3d)

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

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

[Cách xây dựng component 3D tái sử dụng đượcSpline 3DTrung cấp7 phút](https://spline.design/vi/academy/tutorials/how-to-build-reusable-3d-components)[Khám phá Shape Blend 3D trong SplineSpline 3DCơ bản26 phút](https://spline.design/vi/academy/tutorials/explore-3d-shape-blending-in-spline)[Tạo hình khối chất lỏng 3D tương tác đi theo con trỏSpline 3DCơ bản12 phút](https://spline.design/vi/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)

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