Ecco Hana V2

Apri Hana

Oggi rilasciamo Hana V2, un grande aggiornamento del nostro canvas di design 2D, che ora funziona con agenti IA e MCP, rendering WebGPU e molto altro.

Questa release comprende il supporto per agenti e MCP, l’importazione di modelli GLTF e GLB, l’esportazione in SVG e PDF, una collaborazione in tempo reale migliorata, il passaggio a WebGPU e una serie di miglioramenti più piccoli all’editor.

Anche Spline, il nostro editor 3D, ha avuto la sua release V2.

L’agente IA

Hana ora ha il suo agente IA. Chiedigli il design di un’interfaccia, una landing page o la schermata di un’app e costruirà il risultato con gli oggetti di Hana: frame, testo, vettori e riempimenti. Il risultato è un design modificabile. Può anche modificare contenuti esistenti, quindi puoi indicargli una schermata che hai già e descrivere le modifiche che vuoi.

Hana esegue anche un server MCP, così gli strumenti di IA esterni possono progettare direttamente al suo interno. Claude Code, Cursor, Codex e altri hanno le stesse capacità dell’agente integrato: leggere la scena, creare e modificare oggetti, caricare immagini da usare come contenuti reali e fare screenshot per verificare il proprio lavoro.

Poiché questi strumenti lavorano accanto al tuo codice, possono anche partire da un repository. Indica un repo a Claude Code o Cursor e potrà ricreare la tua applicazione sul canvas come oggetti Hana modificabili, usando le tue vere schermate, i tuoi componenti e i tuoi testi.

Il 3D sul canvas 2D

In precedenza avevamo aggiunto il supporto per le forme 3D estruse, che trasformano qualsiasi forma 2D in geometria 3D mantenendo un collegamento dal vivo con l’originale: modificando la forma, la geometria si aggiorna in tempo reale.

Questa release aggiunge i modelli 3D importati. I file GLTF e GLB vengono importati sul canvas come oggetti 3D, con mesh, materiali e texture, oltre a scheletri, skinning e morph target, così i modelli riggati e animati mantengono la loro animazione. Un inspector delle animazioni permette di scegliere una clip e controllarne la riproduzione, mentre le impostazioni della mesh controllano illuminazione e shading.

Un oggetto 3D è un oggetto Hana come tutti gli altri. Usa lo stesso sistema di forme di rettangoli, testo e reti vettoriali, quindi accetta le stesse trasformazioni, segue le stesse regole di layout e si anima con lo stesso sistema di animazione.

Un canvas più veloce con WebGPU

Hana esegue il rendering con un proprio motore, che disegna forme vettoriali, booleane, sfocature e ombre alla massima qualità in tempo reale. Ora quel motore usa WebGPU per impostazione predefinita, il che rende più veloci gradienti, tassellazione, hit-testing, culling, animazioni di estrusione e caricamento dei file.

Esportazione e importazione

Ora i frame si esportano in SVG, così il lavoro vettoriale esce da Hana sotto forma di vettori, e in PDF per la stampa e il passaggio di consegne.

I file di Adobe Illustrator si importano direttamente sul canvas, così puoi portare dentro le illustrazioni esistenti senza doverle prima convertire.

Miglioramenti per il lavoro di tutti i giorni

Ora puoi tenere premuto Alt o Option per vedere la distanza tra la selezione e l’oggetto su cui passi il mouse. Selezionando più oggetti vedi le spaziature tra loro. Il generatore di layout a griglia dispone una selezione in una griglia configurabile e i template dei frame coprono le dimensioni più comuni di dispositivi e social.

Le immagini hanno controlli di ritaglio e adattamento, e tenendo premuto CMD mentre trascini una maniglia di ridimensionamento ritagli il riempimento sul posto invece di scalarlo. Il testo può essere troncato con i puntini di sospensione. Gli angoli arrotondati morbidi ora si applicano alle forme personalizzate e a tutte le primitive 2D, non solo ai rettangoli. Il selettore colore ora mostra i rapporti di contrasto.

Abbiamo aggiunto più di venti nuove transizioni di animazione, tra cui le varianti sine, expo, circ, back, power e bezier e una spring.

I cursori dei collaboratori ora si aggiornano in tempo reale invece di restare indietro. Vedi il cursore di ogni persona con il suo nome, la sua selezione evidenziata e le sue selezioni a riquadro mentre avvengono.

La nuova app desktop

L’app desktop è stata ricostruita e sostituisce direttamente la versione precedente, su macOS e Windows.

I file si aprono in schede, così puoi tenere aperti più progetti contemporaneamente, e una scena Spline può stare nella stessa barra delle schede con lo stesso accesso. L’app legge anche i font installati sul tuo computer e li elenca nel selettore dei font accanto ai Google Fonts.

È anche il modo in cui si collegano gli agenti esterni. Avviala insieme al tuo strumento di IA (Claude Code, Claude Desktop, ChatGPT, Cursor, VS Code, Antigravity) e Spline si registra automaticamente, senza nulla da configurare. Un indicatore su ogni scheda mostra quando un agente sta lavorando su un file.

Disponibile da oggi

Hana V2 porta l’agente IA e il server MCP, l’importazione di modelli GLTF e GLB, l’esportazione in SVG e PDF, cursori dei collaboratori in tempo reale migliorati, il rendering WebGPU e i miglioramenti all’editor descritti sopra.

Anche Spline, il nostro editor 3D, ha avuto la sua release V2.

Scarica l’app desktop oppure apri Hana nel browser.

Il team di Spline 🌸

Apri Hana