Fascicolo Sanitario Elettronico – prototipi

Descrizione

Questo repository contiene i file dei prototipi del Fascicolo Sanitario Elettronico, con relativo UI Kit del Fascicolo Sanitario Elettronico realizzato per la progettazione delle schermate.

Il repository contiene le seguenti risorse:

• UI Kit del Fascicolo Sanitario Elettronico (FSE-Libreria-componenti);
• FSE - Prototipo di base (FSE-Prototipo-di-base);
• FSE - Servizio per la visualizzazione delle deleghe (FSE-Servizio-per-la-visualizzazione-delle-deleghe);
• FSE - Gestione dei consensi (FSE-Gestione-dei-consensi).

Questi file, disponibili sia per Figma e Sketch, forniscono un quadro chiaro di come dovrebbe apparire e funzionare il sito web del Fascicolo Sanitario Elettronico e le relative funzionalità.

Attenzione: alcune funzionalità presenti nei file Figma (.fig) potrebbero non essere presenti e/o non corrette nei file .sketch convertiti utilizzando la versione più recente di fig2sketch. È consigliato pertanto controllare sempre il risultato della conversione e dichiarare lo stato delle risorse e questa eventualità agli utenti.

Come iniziare

Scarica l'ultima versione disponibile nella pagina Releases. Ogni rilascio include i file sia per Figma che per Sketch.

Scarica inoltre la versione 3.6.3 di UI Kit Italia.

Una volta scaricati, potrai aprire i file con i rispettivi programmi di progettazione e iniziare a esplorare le risorse.

Collegamento delle librerie (UI Kit) ai prototipi in Figma

I prototipi utilizzano componenti collegati a UI Kit del Fascicolo Sanitario Elettronico (FSE-Libreria-componenti) e alla versione 3.6.3 di UI Kit Italia (UI-Kit-Italia), che include icone, tipografia, colori e ombre applicati.

Per collegare le librerie in Figma:

1. Assicurati di disporre di un account Figma Pro o superiore, necessario per pubblicare e collegare le librerie.
2. Scarica le librerie UI-Kit-Italia e FSE-Libreria-componenti e i file dei prototipi come descritto nel paragrafo Come iniziare.
3. Carica tutti i file nel tuo spazio di lavoro su Figma.
4. Pubblica le librerie UI-Kit-Italia e FSE-Libreria-componenti nel tuo spazio di lavoro su Figma seguendo la guida ufficiale:

• Pubblica una libreria in Figma

5. In FSE-Libreria-componenti, effettua lo "swap" dei componenti e stili mancanti ("Missing libraries") con quelli di UI-Kit-Italia seguendo la guida ufficiale:

• Swap di una libreria su Figma

6. Pubblica gli aggiornmenti della libreria FSE-Libreria-componenti.
7. Dentro al file di ciascun prototipo, seguendo la stessa procedura, effettua lo swap dei componenti e stili mancanti con quelli di FSE-Libreria-componenti e UI-Kit-Italia.
8. Aggiungi i file FSE-Libreria-componenti e UI Kit Italia come librerie seguendo la guida ufficiale:

• Aggiungere una libreria in Figma

Nota per gli account Figma gratuiti:

• Con un account Figma gratuito, non è possibile collegare le librerie direttamente. Tuttavia, puoi accedere agli elementi aprendo i file FSE-Libreria-componenti e UI-Kit-Italia e copiando manualmente i componenti nel tuo progetto.