# Trình chỉnh sửa 3D trực tuyến: dựng hình, vật liệu và hoạt ảnh - Spline (https://spline.design/vi/3d-design)

> Trình chỉnh sửa 3D của Spline chạy ngay trên trình duyệt. Dựng hình, tạo texture và hoạt ảnh 3D tương tác cùng nhóm và tác nhân AI, rồi xuất bản lên web, iOS và Android.

# Trình chỉnh sửa 3D nơi nhóm của bạn và tác nhân AI cùng xây dựng

Dựng hình, tạo texture, hoạt ảnh và tương tác, cùng nhau trong một tệp trực tiếp, ngay trên trình duyệt. **Tác nhân AI dựng bản đầu tiên**, nhà thiết kế tinh chỉnh, rồi xuất bản lên web, iOS và Android.

[Bắt đầu sáng tạo](https://app.spline.design/signin)[Kết nối tác nhân AI](https://spline.design/vi/mcp)

Cách các đội ngũ làm việc trong Spline

## Một tệp, từ prompt đến sản phẩm

Tác nhân AI và nhà thiết kế lần lượt làm việc trên cùng một cảnh trực tiếp. Không cần xuất, nhập lại hay dựng lại giữa các bên.

1. 01  
### Prompt  
Mô tả cảnh. Tác nhân AI đọc tệp và dựng phác thảo: khối hình, ánh sáng và camera.
2. 02  
### Cùng xây dựng  
Nhà thiết kế tham gia cùng tệp trực tiếp để dựng hình, tinh chỉnh vật liệu và để lại bình luận trong khi tác nhân AI tiếp tục làm việc.
3. 03  
### Giao lại cho AI  
Chọn bất kỳ thứ gì và yêu cầu thay đổi: trạng thái hover, một biến thể, một timeline. Tác nhân AI thấy những gì bạn thấy.
4. 04  
### Xuất bản  
Xuất bản lên web, xuất code, hoặc đưa cùng tệp đó lên iOS và Android.

Thiết kế, AI và code

## Dựng hình 3D, với tác nhân AI bên cạnh

Công cụ thiết kế quen thuộc và kết xuất thời gian thực, cùng một tác nhân AI dựng cảnh và viết code.

- Kết xuất thời gian thực
- Khối cơ bản và dựng hình 3D
- Chỉnh sửa tự động bằng tác nhân AI
- Code tùy chỉnh cho UI và logic

Hoặc nhờ tác nhân AI

Phác thảo một hòn đảo low-poly có thác nước.

Vật liệu và đổ bóng

## Vật liệu theo lớp

Tạo vật liệu độc đáo bằng cách xếp chồng các lớp thay vì viết shader, hoặc bắt đầu từ thư viện vật liệu có sẵn.

- Hệ thống vật liệu theo lớp
- Kính, fresnel và displace
- Thư viện vật liệu có sẵn

Làm mặt nước trong như kính hơn, với viền fresnel mềm.

Tương tác và chuyển động

## Thổi hồn vào cảnh của bạn

Thêm tương tác và hoạt ảnh với hệ thống sự kiện của Spline: trạng thái, timeline, điều khiển game và vật lý.

- Trạng thái và sự kiện
- Hoạt ảnh theo timeline
- Điều khiển game
- Vật lý và hạt

Cho con thuyền dập dềnh liên tục và lật úp khi được nhấp vào.

Biến và dữ liệu

## Dữ liệu thời gian thực, trong 3D

Điều khiển nội dung cảnh bằng giá trị trực tiếp từ Biến, Webhook và API.

- Biến
- Webhook và yêu cầu API
- Hành động có điều kiện

Hiển thị tỷ số trực tiếp từ API của chúng tôi lên bảng điểm.

> “Với Spline, chúng tôi có thể **tạo các đối tượng 3D tương tác giúp sản phẩm trở nên hữu hình.** Đó không chỉ là trang trí. **Đó là cách chúng tôi cho thấy mình chăm chút từng chi tiết.**”

**Zeh Fernandes**Nhà thiết kế sáng lập, Resend

Cộng tác

## Cùng thiết kế, theo thời gian thực

### Cộng tác theo thời gian thực

Mọi người, kể cả tác nhân AI, cùng chỉnh sửa một cảnh trực tiếp và thấy con trỏ của nhau.

### Bình luận

Để lại góp ý ngay trong cảnh cho nhóm, hoặc ghi chú cho chính mình.

### Nhóm, dự án và thư mục

Sắp xếp công việc theo nhóm và dự án, và chia sẻ tệp bằng một liên kết.

Tính năng

## Bộ công cụ đầy đủ cho thiết kế 3D

Những công cụ đằng sau 3D sẵn sàng cho sản phẩm thật, từ khối cơ bản đầu tiên đến bản xuất cuối cùng.

### Dựng hình 3D và boolean

Dựng mọi loại đối tượng với bộ công cụ 3D đa dạng.

### Chỉnh sửa vector 3D

Công cụ vector bạn đã quen, trong không gian 3D.

### Điều khiển camera

Dùng camera để xoay quanh và bố cục cảnh.

### Component

Xây dựng hệ thống thiết kế 3D từ các component tái sử dụng.

### Thư viện mẫu

Thiết kế, mẫu và đối tượng 3D sẵn sàng sử dụng.

### Kéo và thả

Tương tác kéo thả 3D mà không cần code.

### Vật lý

Vật rắn, va chạm, trọng lực và lực, mô phỏng theo thời gian thực.

### Biến

Số, boolean và văn bản điều khiển đối tượng, trạng thái và UI.

### Tài nguyên vật liệu

Luôn gọn gàng với texture và màu sắc dưới dạng tài nguyên.

### Quy trình PBR và HDR

Vật liệu vật lý, chiếu sáng HDRI và xuất PBR.

### Texture video

Phát video trên mô hình với các lớp texture video.

### Hậu kỳ

Hoàn thiện diện mạo với bloom, độ sâu trường ảnh và chỉnh màu.

### Kết xuất WebGPU

Trình chỉnh sửa và bản xuất được kết xuất bằng WebGPU, dự phòng bằng WebGL.

### Xuất hình ảnh, video và 3D

JPG và PNG, MP4 và GIF, hoặc GLTF và USDZ.

### Xuất code

Đưa thiết kế vào các dự án React của bạn.

### [Tạo 3D bằng AI](https://spline.design/vi/ai-generate)

Tạo mô hình từ prompt hoặc hình ảnh, sẵn sàng dùng trong cảnh.

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

Điều khiển trình chỉnh sửa từ Claude, ChatGPT, Cursor và các tác nhân AI khác.

Sắp xếp công việc 3D theo nhóm, dự án và thư mục.

Xuất bản

## Một cảnh. Web, Apple và Android.

Xuất bản cùng một tệp lên website, ứng dụng iPhone hoặc ứng dụng Android. Mỗi nền tảng có trình kết xuất native riêng, nên cảnh vẫn giữ nguyên tính tương tác và hiệu năng.

- [WebWebGPU · WebGLXuất bản một liên kết, nhúng trình xem, hoặc xuất code cho stack của bạn và tự host.](https://spline.design/vi/web)
- [AppleMetalThêm một view SwiftUI native vào ứng dụng, hoặc tạo dự án Xcode sẵn sàng lên App Store.](https://spline.design/vi/ios)
- [AndroidVulkanThêm một view native với Jetpack Compose, hoặc build APK hay App Bundle ngay từ Spline.](https://spline.design/vi/android)

prompt.md

Câu hỏi thường gặp

## Giải đáp thắc mắc

Spline có miễn phí không?

Có. Gói Free có giá 0 $ mỗi tháng, cho bạn trình chỉnh sửa thiết kế 3D ngay trên trình duyệt, Spline Library và tính năng xuất bản web. Các gói trả phí bổ sung credit AI, nhiều tệp hơn và nhiều cách xuất hơn.

Tôi có thể thiết kế 3D trên trình duyệt không?

Có. Spline chạy ngay trên trình duyệt, không cần cài đặt gì, và kết xuất bằng WebGPU với WebGL làm phương án dự phòng. Ngoài ra còn có ứng dụng máy tính cho Mac và Windows.

Tôi có cần kinh nghiệm dựng hình 3D không?

Không. Bắt đầu từ các khối cơ bản hoặc Spline Library, hoặc mô tả điều bạn muốn và để tác nhân AI dựng bản đầu tiên. Nếu bạn đã từng dùng công cụ thiết kế, các layer, thuộc tính và canvas thời gian thực sẽ rất quen thuộc.

Tôi có thể tạo gì với Spline?

3D tương tác cho website và ứng dụng: cảnh hero, trình xem sản phẩm, game, trực quan hóa dữ liệu và UI có chiều sâu, sống động nhờ trạng thái, sự kiện, hoạt ảnh timeline và vật lý.

Tôi có thể dùng thiết kế 3D của mình ở đâu?

Xuất bản lên web bằng liên kết hoặc mã nhúng, đưa cảnh vào các dự án React, hoặc dùng cùng tệp đó trên iOS và Android. Bạn cũng có thể xuất hình ảnh, video, GLTF và USDZ.

Tôi có thể thiết kế 3D cùng nhóm và tác nhân AI không?

Có. Mọi tệp đều trực tiếp: nhóm của bạn cùng dựng hình, bình luận và duyệt theo thời gian thực. Claude, ChatGPT, Cursor và các tác nhân AI khác có thể làm việc trong cùng tệp qua Spline MCP.

## Bắt đầu sáng tạo 3D

Kết nối tác nhân AI, mời nhóm của bạn và xuất bản cảnh 3D đầu tiên ngay hôm nay.

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