# Spline Hana - Un canvas di design basato su agenti IA (https://spline.design/it/hana)

> Hana è il canvas di design 2D di Spline: editing vettoriale accelerato dalla GPU, stati e animazioni, e agenti IA (il suo o i tuoi tramite MCP) che progettano con il tuo team.

# Un canvas di design basata su agenti IA

Progetta con il tuo team, con il supporto di agenti IA, MCP e **strumenti di editing vettoriale accelerati dalla GPU**.

[Inizia a creare](https://app.spline.design/signin)[Collega il tuo agente](https://spline.design/it/mcp)

Libreria

## Design in movimento, con Hana

Scopri gli esempi creati in Hana. Remixali, ricostruiscili ed esplora come le tue idee possono diventare esperienze pronte per la produzione.

[3D Circular](https://app.spline.design/ui/0c5cafee-bc08-47b1-aa31-41c30beae895)[Fire Character](https://app.spline.design/ui/b0d21f98-f238-4b2c-a6f0-b478719bcc3c)[3D Card](https://app.spline.design/ui/539d3930-61a4-47c9-8324-b81ecb4c93dc)[Cards](https://app.spline.design/ui/0f721512-9f57-455a-8ea9-4641e15a0ca4)[Path Icons](https://app.spline.design/ui/9389d529-f05b-4aa7-9360-11175d1b4e72)

[Noise](https://app.spline.design/ui/c0d70e64-db86-409e-90b5-d03e413eb554)[3D UI](https://app.spline.design/ui/ba70eea9-74e0-4b06-af5e-f622d88b719a)[Power](https://app.spline.design/ui/58ee653d-f29a-489d-83ba-6af3b2086a1a)[Glass Icons](https://app.spline.design/ui/c915f089-5725-47ac-a458-e2df51a45aa1)[Auto Layout](https://app.spline.design/ui/a3144449-bf5c-4189-a3f1-dda35c699bc4)

[Earth](https://app.spline.design/ui/8937cf42-317a-43cb-bbef-d3244437d8c6)[Japanese Text](https://app.spline.design/ui/248fa04b-dae6-4ef4-a457-0eef1e760fbc)[Masking](https://app.spline.design/ui/c7bd1796-a808-44be-8220-fffd02fafbdf)[Blend](https://app.spline.design/ui/98cec79c-bad6-4504-810b-f0a198625a99)[Hana Serif](https://app.spline.design/ui/da8a844d-cff7-403d-b544-d6a0dd8149bf)

Strumenti di design

## Strumenti familiari e avanzati per il design professionale

Strumenti di design familiari, effetti avanzati e la struttura per mantenere organizzati i progetti più grandi.

- Canvas infinito basato su frame
- Reti vettoriali e booleane
- Pagine e sezioni
- Gradienti, vetro e forme 3D

Interattività e animazione

## Dai vita ai tuoi design

Aggiungi movimento e interattività con stati, eventi e animazioni, a mano o chiedendolo all’agente.

- Stati ed eventi
- Animazioni con le azioni di transizione
- Interattività Follow e Look At

Agenti IA

## Un canvas su cui i tuoi agenti possono progettare

L’agente di Hana progetta sul canvas, e anche il tuo può farlo, da Claude, ChatGPT, Cursor o qualsiasi client MCP.

- Crea frame, effetti e interazioni
- Più schermate create in parallelo
- Il tuo agente tramite MCP
- Tutto resta modificabile a mano
[Collega il tuo agente](https://spline.design/it/mcp)

Pensato per l’interattività

## Uno strumento di design pensato per l’interattività

Un’interfaccia veloce e familiare con gli strumenti che servono per progettare interfacce interattive, motion e grafica in tempo reale.

- ### Strumenti di design familiari  
Progetta su un canvas infinito con frame, strumento penna, booleane, forme e altro.
- ### Interattività potente  
Crea esperienze interattive con stati, eventi e azioni.
- ### Esperienze animate  
Aggiungi movimento ai tuoi design con stati e transizioni.
- ### Effetti visivi  
Usa ombre, sfocature, rumore, vetro e 3D per creare effetti visivi in tempo reale.
- ### Booleane in tempo reale  
Crea sistemi booleani sofisticati e animali in tempo reale.
- ### Reti vettoriali  
Crea reti vettoriali e aggiungi loro un’interattività unica.
- ### Anteprima sul canvas  
Visualizza in anteprima interattività e animazioni direttamente sul canvas.
- ### Esportazioni pronte per la produzione  
Integra i tuoi design interattivi in siti web, web app e prodotti digitali.

Collaborazione

## Progetta in team, in tempo reale

Progetta l’interattività su un canvas infinito con la collaborazione in tempo reale, organizzata in uno spazio condiviso per tutto il team.

### Multiplayer in tempo reale

Progetta insieme a tutto il tuo team nello stesso file.

### Ruoli e autorizzazioni

Pieno controllo sui singoli ruoli Editor e Visualizzatore.

### Gestione dei file

Uno spazio condiviso del team per archiviare e gestire ogni file e progetto.

### Note e feedback

Lascia commenti al tuo team o prendi appunti direttamente nell’editor.

Esportazione

## Porta l’interattività sul web

Integra senza sforzo esperienze interattive nei tuoi siti web, nelle web app e nei prodotti digitali.

Muovi il mouse o il dito per interagire[Remixa la scena](https://app.spline.design/ui/2e2daf97-d4bb-4861-9ef6-81348aa5a77d)

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>

```

[Webflow](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Framer](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Wix Studio](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[HTML / JS](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Notion](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Shopify](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)

## Inizia a progettare con Hana

Collega il tuo agente, invita il tuo team e pubblica oggi il tuo primo design.

[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.