# Ecco Hana - Spline blog (https://spline.design/it/blog/introducing-hana)

> Un nuovo canvas per il design interattivo.

[Blog](https://spline.design/it/blog)

23 aprile 2025

# Ecco Hana

Un nuovo canvas per il design interattivo.

[Apri Hana](https://app.spline.design)

Hana propone un nuovo approccio al design interattivo. Costruito da zero con le prestazioni al centro, Hana è un canvas in tempo reale per progettare e animare esperienze 2D interattive, da interfacce curate a grafiche dinamiche, e portarle in produzione.

Hana ti permette di creare contenuti ricchi e basati sugli stati, che si comportano, rispondono e reagiscono su un canvas veloce e infinito.

Passa il mouse o tocca per interagire (esperienza creata con Hana)

## Funzionalità

Per Hana abbiamo costruito un nuovo tipo di motore di rendering, capace di elaborare dati vettoriali molto velocemente, in tempo reale. Offre ai creator l’editing moderno delle reti vettoriali, transizioni basate sugli stati ed effetti accelerati dalla GPU, il tutto in un ambiente collaborativo e nativo del browser.

Tutto ciò che progetti in Hana è pronto per la produzione per impostazione predefinita. Che si tratti di una forma semplice o di un’esperienza interattiva complessa, il motore di Hana è costruito per gestire interazioni in tempo reale facili da incorporare in qualsiasi sito web o app.

Dal disegno vettoriale di precisione alle ombre morbide e alle sfocature, Hana unisce potenza e semplicità in un modo che risulta leggero, eppure senza limiti.

Esperienze create con Hana

## Collaborazione di design in tempo reale

In Hana i frame possono essere componenti riproducibili che agiscono in modo indipendente, tutto all’interno dell’editor. Questo semplifica il processo creativo eliminando la necessità di una modalità “Animate”: puoi semplicemente interagire con la tua esperienza riproducendola direttamente su un frame nell’editor. In futuro i frame potranno essere esportati singolarmente anche come URL dal vivo, immagini e altro.

Condividi un link e i collaboratori possono entrare all’istante per provare il tuo canvas e contribuire. Ogni modifica appare dal vivo. Il feedback è immediato. È multiplayer per natura, fatto come si deve.

Hana sfrutta il sistema di collaborazione in tempo reale dell’editor 3D di Spline, già supportato, così il tuo team può muoversi più velocemente e restare sincronizzato.

Reti vettoriali create con Hana

## Reti vettoriali in tempo reale

Le reti vettoriali (un concetto introdotto da Figma nel 2016) permettono di collegare più di due linee a un unico punto, rendendo più facile creare forme di ogni tipo.

Hana porta questo approccio al livello successivo, introducendo il primo sistema che consente di creare reti vettoriali in un ambiente in tempo reale.

Inoltre, le booleane multilivello ti permettono di creare forme avanzate ed effetti fluidi per ottenere con facilità forme complesse e animabili.

## Interazioni e animazione

Usa le interazioni basate sugli eventi per dare un comportamento ai tuoi design, dagli stati hover all’input da tastiera. Anima le transizioni, costruisci flussi e sperimenta con il movimento direttamente sul canvas. Senza cambiare strumento.

Con Hana, movimento e interattività diventano parte del processo di design, non un ripensamento.

## Esporta e condividi per la produzione

Come nell’editor 3D di Spline, in Hana puoi generare link interattivi dal vivo da qualsiasi frame. Tutto è ottimizzato per essere incorporato in un ambiente di produzione, così il tuo lavoro appare nel tuo deployment esattamente come nell’editor.

## La nuova era dell’interattività

È un nuovo mezzo per il pensiero interattivo. Che tu stia progettando un prodotto, curando un’interazione per un’interfaccia o creando esperienze interattive ricche, Hana può aiutarti a dare vita alle tue idee.

**Hana è la base per tutto ciò che verrà.**

È il primo passo di una visione più ampia di quello che oggi è l’ecosistema di Spline, in cui design 2D/3D e interattività si fondono e vengono distribuiti senza soluzione di continuità.

Non vediamo l’ora di vedere cosa creerai con Hana!

— Il team di Spline 🌸

[Scopri di più](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm)

## Altro dal blog

[3 novembre 2026Ecco Spline Arena](https://spline.design/it/blog/introducing-spline-arena)[21 ottobre 2026Ecco Spline per ChatGPT](https://spline.design/it/blog/introducing-spline-for-chatgpt)[27 agosto 2026Ecco Hana V2](https://spline.design/it/blog/hana-v2)

[Spline](https://spline.design/it)

L’editor 3D e 2D per i team e i loro agenti. Pubblica sul web, su iOS e su Android.

#### Chiedi all’IA informazioni su Spline

#### Prodotti

- [Design 3D](https://spline.design/it/3d-design)
- [Hana](https://spline.design/it/hana)
- [Omma](https://omma.build)
- [Generazione 3D con IA](https://spline.design/it/ai-generate)
- [Spline MCP](https://spline.design/it/mcp)
- [Spline Arena](https://spline.design/it/arena)
- [Prezzi](https://spline.design/it/pricing)
- [Enterprise](https://spline.design/it/enterprise)

#### Runtime

- [Web](https://spline.design/it/web)
- [iOS](https://spline.design/it/ios)
- [Android](https://spline.design/it/android)

#### App

- [Download](https://spline.design/it/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Scarica Spline Mirror](https://spline.design/download-mirror)

#### Impara

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/it/academy)
- [API di Spline](https://www.npmjs.com/package/@splinetool/runtime)
- [Soluzioni](https://spline.design/solutions)

#### Community

- [Community di Spline](https://community.spline.design)
- [Blog](https://spline.design/it/blog)
- [Novità](https://spline.design/it/changelog)
- [Istruzione](https://spline.design/it/education)
- [Contra](https://spline.design/contra)
- [Affiliazione](https://spline.design/it/affiliate)

#### Azienda

- [Clienti](https://spline.design/it/customers)
- [Lavora con noi](https://www.ycombinator.com/companies/spline/jobs)
- [Sicurezza](https://spline.design/it/security)

#### Note legali

- [Termini e condizioni](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contatti

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.
