Per designer

Tutti gli strumenti pensati per progettare interfacce ed esperienze dei servizi pubblici

Come iniziare
In breve

Scopri gli strumenti messi a disposizione per i designer, i vari formati, come utilizzarli e come partecipare attivamente: dalle ultime versioni dello UI kit e gli approfondimenti sui temi di accessibilità, ai design token e i processi per contribuire alla cura e all'evoluzione del kit.

Metadati e link per approfondire

Il UI Kit in Figma

Scopri e usa UI Kit Italia

Lo strumento a disposizione dei designer per costruire e prototipare interfacce ed esperienze di siti e servizi pubblici digitali

Design system: pubblicata la versione ufficiale dello UI Kit Italia

Il kit per progettare interfacce e siti digitali della PA esce dalla fase beta

Come utilizzarlo in Figma

Se hai un account "Free"

Non è possibile aggiungerlo come libreria, ma puoi utilizzarlo con "approccio playground":

  • aggiungi una nuova pagina, o utilizza la pagina Playground;
  • usa solo gli stili presenti nello UI Kit;
  • cerca e trascina i componenti della libreria dal pannello Asset.

Non modificare nulla delle altre pagine dello UI kit.

Come aggiornare all'ultima versione

Puoi procedere a usare la nuova versione seguendo i passi precedenti con il nuovo UI Kit, non è possibile aggiornare in automatico i componenti del tuo progetto.

Se hai un account "Professional"

  • Vai alla versione corrente;
  • Copia lo UI Kit nei draft del tuo profilo.
  • Sposta lo UI Kit dai draft in un team;
  • Pubblica stili e componenti della tua copia appena spostata;
  • Crea un nuovo progetto o apri il progetto dove vuoi usare i componenti dello UI Kit;
  • Aggiungi al progetto come libreria, dal pannello Asset, la tua copia dello UI Kit appena pubblicata.
Come aggiornare all'ultima versione
  • Vai alla versione corrente;
  • Copia il nuovo UI Kit nei draft del tuo profilo;
  • Sposta il nuovo UI Kit dai draft nel team dove è presente la versione precedente;
  • Rimuovi la versione precedente dal team;
  • Pubblica stili e componenti dalla nuova versione;
  • Apri il progetto da aggiornare;
  • All'avviso di libreria mancante nel pannello Asset, seleziona e scegli quella appena pubblicata.

Stili e componenti verranno ricollegati in automatico.

Se utilizzi altre soluzioni

In stesura

Standard, open design e partecipazione

Processi e risorse per la gestione dello UI Kit

Accessibilità

In stesura

Design tokens

In stesura

Workflow di design e revisione

In stesura

Workflow di rilascio versioni

In stesura

Modello di contribuzione

In stesura