Figma x Dev

Questo corso è progettato per sviluppatori che desiderano padroneggiare Figma, il principale strumento di design collaborativo. Partendo dalle basi, il corso fornisce una solida base per navigare con sicurezza tra i design, interpretare le interfacce e comunicare efficacemente con designer e altri sviluppatori.

I partecipanti impareranno ad analizzare in diversi modi le interfacce in modo da poterle sviluppare più facilmente ottimizzando i flussi di lavoro collaborativi. Alla fine del corso, saranno in grado di utilizzare le funzionalità principali di Figma passando agevolmente dal design allo sviluppo.

Durata: 16 ore

Livello: Base

Lingua: Italiano

Partecipanti : 5 - 20

Scarica brochure

Cosa Faremo?

Durante il corso verranno illustrate le funzionalità di Figma che possono essere più utili per gli sviluppatori. Analizzeremo quindi insieme delle UI disegnate su Figma, utilizzando gli strumenti messi a disposizione da questo software, per imparare a comprendere e acquisire le corrette informazioni da qualsiasi progetto UI. Inoltre vedremo insieme anche i principali strumenti di modifica e funzionalità per i designer di Figma.

Cosa è incluso?

  • Corso pratico live
  • Slide in formato PDF
  • Attestato di Partecipazione
  • Follow Up di fine corso
  • Canale Slack dedicato ai partecipanti

Cosa è necessario?

  • Il proprio computer portatile (con installato un environment che verrà preventivamente segnalato)
  • Tanta buona volontà e voglia di imparare
  • Connessione ad Internet

Dove si svolge?

Full-Remote

È possibile svolgere il corso in modalità full-remote con gli strumenti messi a disposizione da Devmy suddividendo, se lo si desidera, il tutto in sessioni da 4h.

Skill minime necessarie & livelli d'accesso

  • Conoscenza del concetto di UI design
  • Conoscenza dei concetti di UI Kit e Design system

Argomenti trattati

Introduzione a Figma

  • Cos’è Figma e a cosa serve
  • Interfaccia e sezioni
  • Permessi di visualizzazione (Viewer, Edit, ecc) Organizzazione dei progetti
  • Home e profilo
  • Cosa sono i team
  • Cartelle drafts e progetti Pagine e livelli
  • Come orientarsi all’interno di un file
  • Comprendere i livelli per analizzare gli elementi
  • Comprendere le tipologie di raggruppamento degli elementi
  • Frame vs Sezioni vs Gruppi
  • Barra degli strumenti Figma Inspect VS Dev Mode
  • Overview del pannello proprietà
  • Overview delle funzionalità Dev Mode
  • Versioning (History e compare) Tool per sviluppatori
  • Come utilizzare il pannello proprietà
  • Analisi degli elementi (forme, componenti, frame, ecc) Shortcut utili con permessi da Viewer Accessibilità con Stark (Plugin) Barra degli strumenti in design mode Stili e Variabili
  • Cosa sono: Stili vs Variabili
  • Stili e variabili nel pannello proprietà

Argomenti Extra

Componenti

  • Cosa sono
  • Creiamo dei componenti per capire come funzionano (design mode) Disposizione degli elementi
  • Contraints vs Autolayout
  • Utilizziamoli per capire come funzionano (design mode) Progetto finale: disegniamo una card!

Contattaci.

Sei interessato a migliorare le competenze del tuo team in ambito di programmazione e sviluppo?

Vuoi maggiori informazioni su questo corso?
Compila il form e ti ricontatteremo a brevissimo.

Questo sito è protetto da reCAPTCHA e si applicano le Norme sulla privacy e i Termini di servizio di Google.