Corso Gratuito
Figma Basic

La community ha creato risorse in italiano per iniziare a conoscere lo strumento e fare pratica come UI Designer. Puoi contribuire anche tu, scopri come nel canale dedicato a #figma sul nostro server Discord!

Il programma del corso

Il corso è strutturato in 3 giornate.
Quando lo inizi prenditi il tempo necessario per seguirlo dall'inizio alla fine: imparerai molto più velocemente!

01. Funzioni Toolbar

Toolbar e azioni principali

Toolbar
  • Move e scale
  • Frame e Slice
  • Forme
  • Pen e Pencil
  • Testo
  • Plugin (Iconify+Unsplash), Widget, Components
  • Hand
  • Commento
Altre azioni
  • “Spotlight me” o segui
  • Condividi
  • Present del prototipo
  • Zoom
question mark

Il video di questo contenuto non c’è ancora. Vuoi dare il tuo personale contributo?

Vuoi integrare questo contenuto?
Fai una registrazione, e inviala sul canale discord #figma

Registra la lezione

02. Layer, Assets, Pagine

Il pannello laterale sinistro

  • Layer
  • Asset
  • Pagine
question mark

Il video di questo contenuto non c’è ancora. Vuoi dare il tuo personale contributo?

Vuoi integrare questo contenuto?
Fai una registrazione, e inviala sul canale discord #figma

Registra la lezione

03. Design, Prototype, Inspect

Il pannello laterale sinistro

  • Design
  • Prototype
  • Inspect
question mark

Il video di questo contenuto non c’è ancora. Vuoi dare il tuo personale contributo?

Vuoi integrare questo contenuto?
Fai una registrazione, e inviala sul canale discord #figma

Registra la lezione

Esercitazione primo giorno

  • Crea una pagina di un’app mobile con il titolo e una lista di elementi (es. elemento con immagine, nome e cognome ecc)

  • Crea una seconda pagina di dettaglio degli elementi e collega le due pagine.

04. Componenti

  • Cosa sono e a cosa servono
  • Come crearli e modificarli
question mark

Il video di questo contenuto non c’è ancora. Vuoi dare il tuo personale contributo?

Vuoi integrare questo contenuto?
Fai una registrazione, e inviala sul canale discord #figma

05. Auto-Layout

  • Come funziona
  • Liste verticali e orizzontali
  • altri usi utili
  • altre impostazioni (spaziature, allineamenti, padding...)
question mark

Il video di questo contenuto non c’è ancora. Vuoi dare il tuo personale contributo?

Vuoi integrare questo contenuto?
Fai una registrazione, e inviala sul canale discord #figma

06. Layout Grid

  • Utilizzare colonne e righe come riferimenti
  • Diverse impostazioni per desktop, tablet, mobile
question mark

Il video di questo contenuto non c’è ancora. Vuoi dare il tuo personale contributo?

Vuoi integrare questo contenuto?
Fai una registrazione, e inviala sul canale discord #figma

07. Effetti

  • Cosa sono e come si impostano
question mark

Il video di questo contenuto non c’è ancora. Vuoi dare il tuo personale contributo?

Vuoi integrare questo contenuto?
Fai una registrazione, e inviala sul canale discord #figma

08. Stili

  • A cosa servono gli stili
  • Stili di testo
  • Stili di colore
  • Stili di effetti
question mark

Il video di questo contenuto non c’è ancora. Vuoi dare il tuo personale contributo?

Vuoi integrare questo contenuto?
Fai una registrazione, e inviala sul canale discord #figma

09. Scroll

  • Lo scroll nel prototipo
  • Scroll verticale
  • Scroll orizzontale
  • Scroll Overflow

question mark

Il video di questo contenuto non c’è ancora. Vuoi dare il tuo personale contributo?

Vuoi integrare questo contenuto?
Fai una registrazione, e inviala sul canale discord #figma

Esercitazione SECONDO giorno

  • Perfeziona le schermate create nel primo giorno

  • crea i componenti e moltiplicali

  • aggiungi stili

  • esplora lo scroll orizzontale e verticale

  • applica l'autolayout di Figma.

10. Altri plugin

  • Altri Plugin utili
  • Rimanere aggiornati
question mark

Il video di questo contenuto non c’è ancora.

Vuoi integrare questo contenuto?
Fai una registrazione, e inviala sul canale discord #figma

Guarda la video lezione

11. Interazioni avanzate

  • Come si creano
  • Tipi di interazioni (On Click, on Drag, ecc..) 
  • Transizione (Istant, dissolve ecc..) 
  • Smart Animate
  • Overlay
question mark

Il video di questo contenuto non c’è ancora.

Vuoi integrare questo contenuto?
Fai una registrazione, e inviala sul canale discord #figma

Guarda la video lezione

12. Condividere il Prototipo per test

  • Presentare il prototipo
  • condividere il link al prototipo
  • impostare il device per la presentazione
question mark

Il video di questo contenuto non c’è ancora.

Vuoi integrare questo contenuto?
Fai una registrazione, e inviala sul canale discord #figma

Guarda la video lezione

13. Esportazione

  • Esportare frame e elementi
  • Uso della funzione slice
question mark

Il video di questo contenuto non c’è ancora.

Vuoi integrare questo contenuto?
Fai una registrazione, e inviala sul canale discord #figma

Guarda la video lezione

14. Figma App Mobile

  • Usare l'app per anteprima
  • Usare l'app per test
question mark

Il video di questo contenuto non c’è ancora.

Vuoi integrare questo contenuto?
Fai una registrazione, e inviala sul canale discord #figma

Guarda la video lezione

15. Componenti uso avanzato

  • Componenti: uso avanzato
  • varianti, swap, naming
question mark

Il video di questo contenuto non c’è ancora.

Vuoi integrare questo contenuto?
Fai una registrazione, e inviala sul canale discord #figma

Guarda la video lezione

Esercitazione TERZO giorno

  • Aggiungi dettagli nel prototipo creato nei giorni passati

  • Overlay

  • Transizioni Animate e Smart Animate

  • Plugin Content Reel

  • Condivisione del prototipo

Contributors

Il corso basic di Figma è stato reso possibile grazie a:
Luca Terlizzi (Luca161095#7071)
Alexandru Ciobanu (Alexandru#4095)
Andrea Pinchi (andreapinchi#8878)
Alessandro Demaria (Alessandro Demaria#2208)
Luca Giraudo (lucagiraudo#2721)
Gabriele Avanzino (Gabriele#1111)
Alice Bonamico (Alice Bonamico#4084)