Memperkenalkan Hana V2

Pembaruan besar untuk kanvas desain 2D kami, didukung agen AI dan MCP, rendering WebGPU, objek 3D real-time, dan lainnya.

Buka Hana

Hari ini kami merilis Hana V2, pembaruan besar untuk kanvas desain 2D kami, kini didukung agen AI dan MCP, rendering WebGPU, dan lainnya.

Rilis ini mencakup dukungan agen dan MCP, impor model GLTF dan GLB, ekspor SVG dan PDF, kolaborasi real-time yang lebih baik, peralihan ke WebGPU, serta serangkaian peningkatan kecil pada editor.

Spline, editor 3D kami, juga merilis V2-nya sendiri.

Agen AI

Kini Hana punya agen AI sendiri. Mintalah desain UI, landing page, atau layar aplikasi, dan agen akan membangun hasilnya dari objek-objek Hana sendiri: frame, teks, vektor, dan fill. Hasilnya adalah desain yang bisa diedit. Agen juga bisa mengedit konten yang sudah ada, jadi Anda bisa mengarahkannya ke layar yang sudah Anda punya dan menjelaskan perubahan yang Anda inginkan.

Hana juga menjalankan server MCP, sehingga alat AI eksternal bisa mendesain di dalamnya secara langsung. Claude Code, Cursor, Codex, dan lainnya mendapatkan kemampuan yang sama dengan agen bawaan: membaca scene, membuat dan mengedit objek, mengunggah gambar untuk dipakai sebagai konten nyata, dan mengambil screenshot untuk memeriksa hasil kerjanya.

Karena alat-alat itu berjalan berdampingan dengan kode Anda, mereka juga bisa bekerja dari sebuah repositori. Arahkan Claude Code atau Cursor ke sebuah repo, dan ia bisa membuat ulang aplikasi Anda di kanvas sebagai objek Hana yang bisa diedit, memakai layar, komponen, dan teks Anda yang sebenarnya.

Agen AI Hana membuat tiga variasi desain aplikasi mobile

3D di kanvas 2D

Sebelumnya kami menambahkan dukungan untuk bentuk 3D hasil ekstrusi, yang mengubah bentuk 2D apa pun menjadi geometri 3D dan menjaga tautan live ke bentuk aslinya, sehingga mengedit bentuk itu langsung memperbarui geometrinya secara real-time.

Rilis ini menambahkan model 3D hasil impor. File GLTF dan GLB diimpor ke kanvas sebagai objek 3D, termasuk mesh, material, dan tekstur, serta skeleton, skinning, dan morph target, sehingga model yang sudah di-rig dan dianimasikan tetap mempertahankan animasinya. Animation inspector memilih klip dan mengontrol pemutaran, sementara pengaturan mesh mengontrol pencahayaan dan shading.

Objek 3D adalah objek Hana seperti objek lainnya. Ia memakai sistem bentuk yang sama dengan persegi panjang, teks, dan vector network, sehingga menerima transformasi yang sama, mengikuti aturan layout yang sama, dan beranimasi dengan sistem animasi yang sama.

Desain Hana yang memakai objek 3D hasil impor

Kanvas lebih cepat dengan WebGPU

Hana merender melalui engine-nya sendiri, yang menggambar bentuk vektor, boolean, blur, dan bayangan dengan kualitas penuh secara real-time. Engine itu kini berjalan di WebGPU secara default, sehingga gradien, tessellation, hit-testing, culling, animasi ekstrusi, dan pemuatan file menjadi lebih cepat.

Ekspor dan impor

Frame kini bisa diekspor sebagai SVG, sehingga karya vektor keluar dari Hana tetap sebagai vektor, dan sebagai PDF untuk cetak dan serah terima.

File Adobe Illustrator bisa diimpor langsung ke kanvas, sehingga karya seni yang sudah ada bisa dibawa masuk tanpa perlu dikonversi terlebih dahulu.

Peningkatan kenyamanan

Kini Anda bisa menahan Alt atau Option untuk melihat jarak antara pilihan Anda dan objek yang sedang disorot kursor. Memilih beberapa objek akan menampilkan jarak di antara mereka. Grid layout maker menyusun pilihan menjadi grid yang bisa dikonfigurasi, dan template frame mencakup ukuran perangkat dan media sosial yang umum.

Gambar kini punya kontrol clipping dan fit, dan menahan CMD sambil menyeret handle resize akan memotong fill di tempat alih-alih menskalakannya. Teks bisa dipotong dengan elipsis. Sudut membulat yang halus kini berlaku untuk bentuk kustom dan semua primitif 2D, tidak hanya persegi panjang. Color picker kini menampilkan rasio kontras.

Kami menambahkan lebih dari dua puluh transisi animasi baru, termasuk varian sine, expo, circ, back, power, dan bezier, serta spring.

Kursor kolaborator kini diperbarui secara real-time alih-alih tertinggal. Anda melihat kursor setiap orang dengan namanya, pilihan mereka yang diberi garis tepi, dan seleksi kotak mereka saat itu juga.

Desain interaktif yang dibuat dengan Hana

Aplikasi desktop baru

Aplikasi desktop telah dibangun ulang dan langsung menggantikan versi sebelumnya, di macOS dan Windows.

File dibuka sebagai tab, sehingga beberapa proyek bisa tetap terbuka sekaligus, dan scene Spline bisa berada di deretan tab yang sama dengan login yang sama. Aplikasi ini juga membaca font yang terpasang di komputer Anda dan menampilkannya di pemilih font bersama Google Fonts.

Aplikasi ini juga menjadi jalur penghubung bagi agen eksternal. Jalankan bersama alat AI Anda (Claude Code, Claude Desktop, ChatGPT, Cursor, VS Code, Antigravity) dan Spline akan otomatis terdaftar di sana, tanpa perlu konfigurasi apa pun. Indikator di setiap tab menunjukkan saat agen sedang mengerjakan sebuah file.

Menambahkan layar aplikasi dari repo proyek ke kanvas Hana melalui MCP

Tersedia hari ini

Hana V2 menghadirkan agen AI dan server MCP, impor model GLTF dan GLB, ekspor SVG dan PDF, kursor kolaborator real-time yang lebih baik, rendering WebGPU, serta peningkatan editor di atas.

Spline, editor 3D kami, juga merilis V2-nya sendiri.

Unduh aplikasi desktopnya, atau buka Hana di browser Anda.

Tim Spline 🌸

Buka Hana

Lainnya dari blog