Design system: pubblicata la versione ufficiale dello UI Kit Italia
Il kit per progettare interfacce e siti digitali della Pubblica Amministrazione (PA) esce dalla fase beta
NotiziaMetadati e link per approfondire
Dopo più di 1.400 duplicazioni dalla community Figma, sei mesi dall’uscita della prima versione beta e a un anno dalla prima pubblicazione, UI Kit Italia, parte del design system del Paese, entra nella sua prima versione ufficiale, la v3.0.0.
UI Kit Italia raccoglie tutte le componenti necessarie per progettare interfacce di siti e servizi digitali della PA più accessibili e semplici da usare.
Repository GitHub e altri formati
Con questa versione, il kit ora è pubblicato anche su GitHub nel repository italia/design-ui-kit, in formato Figma e in “formato aperto” Sketch, utilizzabile quindi su altri strumenti di progettazione, realizzata grazie al convertitore open source “fig2sketch”. Allo stesso tempo, è stata aperta anche il repository italia/design-tokens-italia che contiene i design token del kit nei formati di sviluppo CSS e SCSS. I design token definiscono, documentano e consentono l'applicazione di decisioni progettuali legate a colori, tipografia, spaziature e dimensioni su larga scala, rendendo coerenti la progettazione e lo sviluppo dell’interfaccia su diverse piattaforme e dispositivi.
Su cosa abbiamo lavorato
Negli ultimi mesi, partendo dai feedback raccolti sulla community, la squadra al lavoro sullo UI Kit ha anche migliorato il sistema di nomenclatura e di impaginazione delle componenti, rendendolo più facile e intuitivo da comprendere, correggendo alcuni bug. Inoltre, ha collaborato con il team di sviluppo per rendere i componenti ancora più coerenti con il framework di sviluppo Bootstrap Italia, un’altra delle risorse fondamentali del design system, per semplificare il passaggio dai prototipi al codice e al prodotto vero e proprio. Per maggiori informazioni, leggi il changelog.
Da oggi, quindi, lo UI Kit entra in una nuova fase, nel quale seguir à il normale versionamento semantico “major.minor.patch”, per abilitarne scalabilità e miglioramento continuo.
Come contribuire al progetto
Vi invitiamo a utilizzarlo da subito nei vostri progetti per la PA e aspettiamo, come sempre, i vostri feedback e contributi, commentando direttamente il kit presente nella community Figma, aprendo una “issue”, o esplorando le attività e segnalazioni in corso sulla repository dedicata.