Ipinapakilala ang Hana V2

Buksan ang Hana

Ngayon, inilalabas namin ang Hana V2, isang malaking update sa aming 2D design canvas, na pinapagana na ngayon ng mga AI agent at MCP, WebGPU rendering at iba pa.

Saklaw ng release na ito ang suporta para sa agent at MCP, pag-import ng GLTF at GLB model, SVG at PDF export, mas mahusay na real-time collaboration, ang paglipat sa WebGPU, at ilang mas maliliit na pagpapahusay sa editor.

Nagkaroon din ng sariling V2 release ang Spline, ang aming 3D editor.

Ang AI agent

May sarili nang AI agent ang Hana. I-prompt ito para sa isang UI design, landing page o app screen at bubuuin nito ang resulta gamit ang sariling mga object ng Hana: mga frame, text, vector at fill. Nae-edit na design ang output. Kaya rin nitong mag-edit ng umiiral na content, kaya puwede mo itong ituro sa screen na mayroon ka na at ilarawan ang mga pagbabagong gusto mo.

May sarili ring MCP server ang Hana, kaya direktang makakapagdisenyo rito ang mga external na AI tool. Nakukuha ng Claude Code, Cursor, Codex at iba pa ang parehong kakayahan ng built-in na agent: pagbasa ng scene, paggawa at pag-edit ng mga object, pag-upload ng mga larawan para gamitin bilang totoong content, at pagkuha ng mga screenshot para i-check ang gawa nila.

Dahil tumatakbo ang mga tool na iyon kasabay ng code mo, makakapagtrabaho rin sila mula sa isang repository. Ituro ang Claude Code o Cursor sa isang repo at kaya nitong gawin muli ang application mo sa canvas bilang mga nae-edit na Hana object, gamit ang tunay mong mga screen, component at copy.

3D sa 2D canvas

Dati na kaming nagdagdag ng suporta para sa mga extruded na 3D shape, na ginagawang 3D geometry ang anumang 2D shape at pinapanatili ang live na koneksyon sa orihinal, kaya nag-a-update nang real-time ang geometry kapag in-edit ang hugis.

Nagdadagdag ang release na ito ng mga imported na 3D model. Naiimport sa canvas bilang mga 3D object ang mga GLTF at GLB file, kasama ang mga mesh, material at texture, pati na ang mga skeleton, skinning at morph target, kaya napapanatili ng mga rigged at animated na model ang kanilang animation. Sa animation inspector, makakapili ka ng clip at makokontrol ang playback, at kinokontrol naman ng mga mesh setting ang lighting at shading.

Ang isang 3D object ay Hana object na gaya ng iba. Ginagamit nito ang parehong shape system ng mga rectangle, text at vector network, kaya tumatanggap ito ng parehong mga transform, sumusunod sa parehong mga layout rule, at nag-a-animate sa parehong animation system.

Mas mabilis na canvas gamit ang WebGPU

Nagre-render ang Hana sa sarili nitong engine, na gumuguhit ng mga vector shape, boolean, blur at shadow sa buong kalidad nang real-time. Tumatakbo na ngayon ang engine na iyon sa WebGPU bilang default, kaya mas mabilis ang mga gradient, tessellation, hit-testing, culling, extrude animation at pag-load ng file.

Export at import

Nag-e-export na ngayon ang mga frame bilang SVG, kaya lumalabas sa Hana ang vector work bilang mga vector, at bilang PDF para sa print at handoff.

Direktang naiimport sa canvas ang mga Adobe Illustrator file, kaya maipapasok ang umiiral na artwork nang hindi muna kino-convert.

Mga pagpapahusay para sa mas maginhawang paggamit

Puwede mo nang pindutin nang matagal ang Alt o Option para makita ang layo sa pagitan ng selection mo at ng object na hino-hover mo. Ipinapakita ang mga pagitan kapag pumili ka ng ilang object. Inaayos ng grid layout maker ang isang selection sa isang nako-configure na grid, at saklaw ng mga frame template ang mga karaniwang size ng device at social.

May mga clipping at fit control ang mga larawan, at kapag pinindot nang matagal ang CMD habang dina-drag ang resize handle, kinu-crop ang fill sa puwesto sa halip na i-scale ito. Puwedeng putulin ang text gamit ang ellipsis. Gumagana na ang smooth na round corner sa mga custom na hugis at lahat ng 2D primitive, hindi lang sa mga rectangle. Ipinapakita na ng color picker ang mga contrast ratio.

Nagdagdag ng mahigit dalawampung bagong animation transition, kasama ang mga variant na sine, expo, circ, back, power at bezier at isang spring.

Nag-a-update na ngayon nang real-time ang mga cursor ng mga collaborator sa halip na nahuhuli. Makikita mo ang cursor ng bawat tao na may pangalan nila, ang naka-outline nilang selection, at ang mga box-select nila habang nangyayari.

Ang bagong desktop app

Binuo muli ang desktop app at pinapalitan nito ang dating bersyon, sa macOS at Windows.

Nagbubukas ang mga file bilang mga tab, kaya puwedeng manatiling bukas nang sabay ang ilang project, at puwedeng nasa parehong tab strip ang isang Spline scene sa parehong login. Binabasa rin ng app ang mga font na naka-install sa machine mo at inililista ang mga ito sa font picker kasama ng Google Fonts.

Dito rin kumokonekta ang mga external na agent. Buksan ito kasabay ng AI tool mo (Claude Code, Claude Desktop, ChatGPT, Cursor, VS Code, Antigravity) at awtomatikong magre-register ang Spline dito, nang walang kailangang i-configure. Ipinapakita ng indicator sa bawat tab kapag may agent na nagtatrabaho sa isang file.

Available na ngayon

Dala ng Hana V2 ang AI agent at MCP server, pag-import ng GLTF at GLB model, SVG at PDF export, mas mahusay na real-time na cursor ng mga collaborator, WebGPU rendering, at ang mga pagpapahusay sa editor na nabanggit sa itaas.

Nagkaroon din ng sariling V2 release ang Spline, ang aming 3D editor.

I-download ang desktop app, o buksan ang Hana sa browser mo.

Ang Spline Team 🌸

Buksan ang Hana