# Spline Hana - Kanvas reka bentuk yang dikuasakan oleh ejen AI (https://spline.design/ms/hana)
> Hana ialah kanvas reka bentuk 2D Spline: penyuntingan vektor dipercepat GPU, keadaan dan animasi, serta ejen AI — ejennya sendiri atau ejen anda melalui MCP — yang mereka bentuk bersama pasukan anda.
# Kanvas reka bentuk dikuasakan oleh ejen AI
Reka bersama pasukan anda, disokong oleh ejen AI, MCP dan **alat penyuntingan vektor yang dipercepat GPU**.
[Mula membina](https://app.spline.design/signin)[Sambungkan ejen anda](https://spline.design/ms/mcp)
Pustaka
## Reka bentuk yang bergerak, dikuasakan oleh Hana
Terokai contoh yang dibina dalam Hana. Remix, bina semula, dan terokai bagaimana idea anda boleh menjadi pengalaman sedia produksi.
[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)
Alat reka bentuk
## Alat yang biasa dan canggih untuk reka bentuk profesional
Alat reka bentuk yang biasa digunakan, kesan lanjutan, dan struktur untuk memastikan projek besar kekal teratur.
- Kanvas tanpa had berasaskan bingkai
- Rangkaian vektor dan boolean
- Halaman dan bahagian
- Gradien, kaca dan bentuk 3D
Interaktiviti dan animasi
## Hidupkan reka bentuk anda
Tambah gerakan dan interaktiviti dengan keadaan, acara dan animasi, secara manual atau dengan meminta ejen.
- Keadaan dan acara
- Animasikan dengan tindakan peralihan
- Interaktiviti Follow dan Look At
Ejen AI
## Kanvas tempat ejen anda boleh mereka bentuk
Ejen Hana sendiri mereka bentuk pada kanvas, dan ejen anda juga boleh, daripada Claude, ChatGPT, Cursor atau mana-mana klien MCP.
- Membina bingkai, kesan dan interaksi
- Beberapa skrin dibina serentak
- Ejen anda sendiri melalui MCP
- Semuanya kekal boleh disunting secara manual
[Sambungkan ejen anda](https://spline.design/ms/mcp)
Dibina untuk interaktiviti
## Alat reka bentuk, dibina untuk interaktiviti
Antara muka yang pantas dan biasa dengan alat yang anda perlukan untuk mereka bentuk antara muka interaktif, gerakan dan grafik masa nyata.
- ### Alat reka bentuk yang biasa
Reka pada kanvas tanpa had dengan bingkai, alat pen, boolean, bentuk dan banyak lagi.
- ### Interaktiviti yang berkuasa
Cipta pengalaman interaktif dengan keadaan, acara dan tindakan.
- ### Pengalaman beranimasi
Tambah gerakan pada reka bentuk anda dengan keadaan dan peralihan.
- ### Kesan visual
Gunakan bayang, kabur, hingar, kaca dan 3D untuk mencipta kesan visual masa nyata.
- ### Boolean masa nyata
Cipta sistem boolean yang canggih dan animasikannya secara masa nyata.
- ### Rangkaian vektor
Buat rangkaian vektor dan tambahkan interaktiviti unik padanya.
- ### Pratonton pada kanvas
Pratonton interaktiviti dan animasi anda terus pada kanvas.
- ### Eksport sedia produksi
Sepadukan reka bentuk interaktif anda ke dalam laman web, aplikasi web dan produk digital.
Kolaborasi
## Reka bersama, secara masa nyata
Reka interaktiviti pada kanvas tanpa had dengan kolaborasi masa nyata, tersusun dalam ruang kerja kongsi untuk seluruh pasukan anda.
### Berbilang pemain masa nyata
Reka bersama seluruh pasukan anda dalam fail yang sama.
### Peranan dan kebenaran
Kawal sepenuhnya peranan individu Editor dan Penonton.
### Pengurusan fail
Ruang pasukan kongsi untuk menyimpan dan mengurus setiap fail dan projek.
### Nota dan maklum balas
Tinggalkan ulasan untuk pasukan anda atau catat nota terus dalam editor.
Eksport
## Terbitkan interaktiviti untuk web
Sepadukan pengalaman interaktif dengan lancar ke dalam laman web, aplikasi web dan produk digital anda.
Gerakkan tetikus atau jari anda untuk berinteraksi[Remix adegan](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)
## Mula mereka bentuk dengan Hana
Sambungkan ejen anda, jemput pasukan anda dan terbitkan reka bentuk pertama anda hari ini.
[Spline](https://spline.design/ms)
Editor 3D dan 2D untuk pasukan dan ejen mereka. Terbitkan ke web, iOS dan Android.
#### Tanya AI tentang Spline
#### Produk
- [Reka Bentuk 3D](https://spline.design/ms/3d-design)
- [Hana](https://spline.design/ms/hana)
- [Omma](https://omma.build)
- [Penjanaan 3D AI](https://spline.design/ms/ai-generate)
- [Spline MCP](https://spline.design/ms/mcp)
- [Spline Arena](https://spline.design/ms/arena)
- [Harga](https://spline.design/ms/pricing)
- [Perusahaan](https://spline.design/ms/enterprise)
#### Runtime
- [Web](https://spline.design/ms/web)
- [iOS](https://spline.design/ms/ios)
- [Android](https://spline.design/ms/android)
#### Aplikasi
- [Muat Turun](https://spline.design/ms/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Muat turun Spline Mirror](https://spline.design/download-mirror)
#### Belajar
- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/ms/academy)
- [API Spline](https://www.npmjs.com/package/@splinetool/runtime)
- [Penyelesaian](https://spline.design/solutions)
#### Komuniti
- [Komuniti Spline](https://community.spline.design)
- [Blog](https://spline.design/ms/blog)
- [Log Perubahan](https://spline.design/ms/changelog)
- [Pendidikan](https://spline.design/ms/education)
- [Contra](https://spline.design/contra)
- [Afiliat](https://spline.design/ms/affiliate)
#### Syarikat
- [Pelanggan](https://spline.design/ms/customers)
- [Kerjaya](https://www.ycombinator.com/companies/spline/jobs)
- [Keselamatan](https://spline.design/ms/security)
#### Undang-undang
- [Terma & Syarat](https://spline.design/terms)
- [Privasi](https://spline.design/privacy)
#### Hubungi
- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)
© 2026 - Spline, Inc.