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.

Inoltre, il percorso guarda al futuro dello sviluppo includendo il modulo AI Inside, una sessione dedicata a come l'Intelligenza Artificiale sta trasformando il flusso di lavoro con questa tecnologia.

 

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.

 

🤖 AI Inside

Il corso include il modulo AI Inside: una sessione dedicata a come l'intelligenza artificiale cambia il modo di lavorare con questa tecnologia, dagli strumenti di AI-assisted development all'integrazione di funzionalità AI.

Per gli approfondimenti verticali, il catalogo Devmy offre corsi AI dedicati.

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à

AI Inside — Il flusso design → codice nell'era dell'AI

  • Figma MCP server e Dev Mode: portare il design direttamente negli strumenti di AI-assisted coding
  • Code Connect: collegare i componenti Figma al codice del design system
  • Le funzionalità AI di Figma (Figma Make e simili): dal mockup al prototipo funzionante
  • Come cambia il ruolo: cosa resta al designer e al developer quando l'AI genera l'UI
  • Esercizio: dal design Figma al componente in codice passando per un agente AI

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.