Kanvas desain yang didukung agen AI

Desain bersama tim Anda, didukung agen AI, MCP, dan alat pengeditan vektor dengan akselerasi GPU.

Pustaka

Desain yang bergerak, didukung Hana

Temukan contoh-contoh yang dibuat di Hana. Remix, bangun ulang, dan jelajahi bagaimana ide Anda bisa menjadi pengalaman siap produksi.

Alat desain

Alat yang familier dan canggih untuk desain profesional

Alat desain yang familier, efek canggih, dan struktur untuk menjaga proyek besar tetap rapi.

  • Kanvas tanpa batas berbasis frame
  • Jaringan vektor dan boolean
  • Halaman dan section
  • Gradien, kaca, dan bentuk 3D
Interaktivitas dan animasi

Hidupkan desain Anda

Tambahkan gerak dan interaktivitas dengan state, event, dan animasi, secara manual atau dengan meminta agen.

  • State dan event
  • Animasi dengan transition action
  • Interaktivitas Follow dan Look At
Agen AI

Kanvas tempat agen Anda bisa mendesain

Agen bawaan Hana mendesain di kanvas, dan agen Anda juga bisa, dari Claude, ChatGPT, Cursor, atau klien MCP mana pun.

  • Membangun frame, efek, dan interaksi
  • Beberapa layar dibangun secara paralel
  • Agen Anda sendiri lewat MCP
  • Semuanya tetap bisa diedit manual
Hubungkan agen Anda
Dibuat untuk interaktivitas

Alat desain yang dibuat untuk interaktivitas

Antarmuka yang cepat dan familier dengan alat yang Anda butuhkan untuk mendesain antarmuka interaktif, gerak, dan grafis real-time.

  • Alat desain yang familier

    Desain di kanvas tanpa batas dengan frame, pen tool, boolean, bentuk, dan banyak lagi.

  • Interaktivitas yang canggih

    Buat pengalaman interaktif dengan state, event, dan action.

  • Pengalaman beranimasi

    Tambahkan gerak ke desain Anda dengan state dan transisi.

  • Efek visual

    Gunakan bayangan, blur, noise, kaca, dan 3D untuk membuat efek visual real-time.

  • Boolean real-time

    Buat sistem boolean yang canggih dan animasikan secara real-time.

  • Jaringan vektor

    Buat jaringan vektor dan tambahkan interaktivitas unik ke dalamnya.

  • Pratinjau di kanvas

    Pratinjau interaktivitas dan animasi Anda langsung di kanvas.

  • Ekspor siap produksi

    Integrasikan desain interaktif Anda ke situs web, aplikasi web, dan produk digital.

Kolaborasi

Desain bersama, secara real-time

Desain interaktivitas di kanvas tanpa batas dengan kolaborasi real-time, tertata dalam workspace bersama untuk seluruh tim Anda.

Multiplayer real-time

Desain bersama seluruh tim Anda di file yang sama.

Peran dan izin

Kendalikan penuh peran Editor dan Viewer setiap orang.

Manajemen file

Ruang tim bersama untuk menyimpan dan mengelola setiap file dan proyek.

Catatan dan masukan

Tinggalkan komentar untuk tim Anda atau buat catatan langsung di editor.

Ekspor

Rilis interaktivitas untuk web

Integrasikan pengalaman interaktif dengan mulus ke situs web, aplikasi web, dan produk digital Anda.

Gerakkan mouse atau jari Anda untuk berinteraksiRemix scene
index.html
<!-- Import the Hana Viewer -->
<script type="module"
  src="https://cdn.spline.design/@splinetool/hana-viewer@1.0.97/hana-viewer.js">
</script>

<!-- Add your design anywhere on the page -->
<hana-viewer
  url="https://prod.spline.design/HfFj1WYWsj69dY8U-Eld/scene.hanacode">
</hana-viewer>

Mulai mendesain dengan Hana

Hubungkan agen Anda, undang tim, dan rilis desain pertama Anda hari ini.