# Spline Hana - Canvas thiết kế vận hành bởi tác nhân AI (https://spline.design/vi/hana)
> Hana là canvas thiết kế 2D của Spline: chỉnh sửa vector tăng tốc bằng GPU, trạng thái và hoạt ảnh, cùng các tác nhân AI, của Hana hoặc của bạn qua MCP, thiết kế cùng nhóm của bạn.
# Canvas thiết kế vận hành bởi tác nhân AI
Thiết kế cùng nhóm của bạn, với sự hỗ trợ của tác nhân AI, MCP và **công cụ chỉnh sửa vector tăng tốc bằng GPU**.
[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)
Thư viện
## Thiết kế chuyển động, vận hành bởi Hana
Khám phá các ví dụ được tạo bằng Hana. Remix, dựng lại và khám phá cách ý tưởng của bạn trở thành trải nghiệm sẵn sàng cho sản phẩm thật.
[3D Circular](https://app.spline.design/ui/0c5cafee-bc08-47b1-aa31-41c30beae895)[Fire Character](https://app.spline.design/ui/b0d21f98-f238-4b2c-a6f0-b478719bcc3c)[3D Card](https://app.spline.design/ui/539d3930-61a4-47c9-8324-b81ecb4c93dc)[Cards](https://app.spline.design/ui/0f721512-9f57-455a-8ea9-4641e15a0ca4)[Path Icons](https://app.spline.design/ui/9389d529-f05b-4aa7-9360-11175d1b4e72)
[Noise](https://app.spline.design/ui/c0d70e64-db86-409e-90b5-d03e413eb554)[3D UI](https://app.spline.design/ui/ba70eea9-74e0-4b06-af5e-f622d88b719a)[Power](https://app.spline.design/ui/58ee653d-f29a-489d-83ba-6af3b2086a1a)[Glass Icons](https://app.spline.design/ui/c915f089-5725-47ac-a458-e2df51a45aa1)[Auto Layout](https://app.spline.design/ui/a3144449-bf5c-4189-a3f1-dda35c699bc4)
[Earth](https://app.spline.design/ui/8937cf42-317a-43cb-bbef-d3244437d8c6)[Japanese Text](https://app.spline.design/ui/248fa04b-dae6-4ef4-a457-0eef1e760fbc)[Masking](https://app.spline.design/ui/c7bd1796-a808-44be-8220-fffd02fafbdf)[Blend](https://app.spline.design/ui/98cec79c-bad6-4504-810b-f0a198625a99)[Hana Serif](https://app.spline.design/ui/da8a844d-cff7-403d-b544-d6a0dd8149bf)
Công cụ thiết kế
## Công cụ quen thuộc và nâng cao cho thiết kế chuyên nghiệp
Công cụ thiết kế quen thuộc, hiệu ứng nâng cao và cấu trúc giúp các dự án lớn luôn gọn gàng.
- Canvas vô hạn dựa trên frame
- Mạng vector và boolean
- Trang và section
- Gradient, kính và khối 3D
Tương tác và hoạt ảnh
## Thổi hồn vào thiết kế của bạn
Thêm chuyển động và tương tác với trạng thái, sự kiện và hoạt ảnh, tự tay làm hoặc nhờ tác nhân AI.
- Trạng thái và sự kiện
- Tạo hoạt ảnh với hành động chuyển tiếp
- Tương tác Follow và Look At
Tác nhân AI
## Canvas mà tác nhân AI có thể thiết kế
Tác nhân riêng của Hana thiết kế trên canvas, và tác nhân của bạn cũng vậy, từ Claude, ChatGPT, Cursor hay bất kỳ client MCP nào.
- Dựng frame, hiệu ứng và tương tác
- Nhiều màn hình được dựng song song
- Tác nhân của riêng bạn qua MCP
- Mọi thứ vẫn chỉnh sửa thủ công được
[Kết nối tác nhân AI](https://spline.design/vi/mcp)
Xây dựng cho tương tác
## Công cụ thiết kế được xây dựng cho tương tác
Giao diện nhanh, quen thuộc với những công cụ bạn cần để thiết kế giao diện tương tác, chuyển động và đồ họa thời gian thực.
- ### Công cụ thiết kế quen thuộc
Thiết kế trên canvas vô hạn với frame, công cụ pen, boolean, khối hình và nhiều hơn nữa.
- ### Tương tác mạnh mẽ
Tạo trải nghiệm tương tác với trạng thái, sự kiện và hành động.
- ### Trải nghiệm sống động
Thêm chuyển động cho thiết kế với trạng thái và chuyển tiếp.
- ### Hiệu ứng hình ảnh
Dùng đổ bóng, làm mờ, nhiễu, kính và 3D để tạo hiệu ứng hình ảnh thời gian thực.
- ### Boolean thời gian thực
Tạo hệ thống boolean tinh vi và tạo hoạt ảnh cho chúng theo thời gian thực.
- ### Mạng vector
Tạo mạng vector và thêm tương tác độc đáo cho chúng.
- ### Xem trước trên canvas
Xem trước tương tác và hoạt ảnh ngay trên canvas.
- ### Bản xuất sẵn sàng cho sản phẩm thật
Tích hợp thiết kế tương tác vào website, ứng dụng web và sản phẩm số.
Cộng tác
## Cùng thiết kế, theo thời gian thực
Thiết kế tương tác trên canvas vô hạn với tính năng cộng tác thời gian thực, sắp xếp gọn trong không gian làm việc chung cho cả nhóm.
### Cộng tác nhiều người theo thời gian thực
Thiết kế cùng cả nhóm trong cùng một tệp.
### Vai trò và phân quyền
Toàn quyền kiểm soát vai trò Editor và Viewer của từng người.
### Quản lý tệp
Không gian nhóm dùng chung để lưu trữ và quản lý mọi tệp và dự án.
### Ghi chú và góp ý
Để lại bình luận cho nhóm hoặc ghi chú ngay trong trình chỉnh sửa.
Xuất
## Xuất bản tương tác cho web
Tích hợp liền mạch trải nghiệm tương tác vào website, ứng dụng web và sản phẩm số của bạn.
Di chuột hoặc ngón tay để tương tác[Remix cảnh](https://app.spline.design/ui/2e2daf97-d4bb-4861-9ef6-81348aa5a77d)
index.html
```
```
[Webflow](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Framer](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Wix Studio](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[HTML / JS](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Notion](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Shopify](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)
## Bắt đầu thiết kế với Hana
Kết nối tác nhân AI, mời nhóm của bạn và xuất bản thiết kế đầ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.