Area di Lavoro

Creare un progetto

All’apertura di Figma la schermata iniziale consente di creare nuovi progetti oppure di aprire progetti già creati in precedenza.

Nella colonna di sinistra oltre a trovare le informazioni di login, troviamo anche i “Draft” cioè le bozze e teams. Nelle impostazioni in alto a destra troviamo anche la possibilità di cambiare il tema, meglio usare quello scuro.

Ricordo che l’intero software è basato su web, il che vuol dire che serve una connessione ad internet per scaricare, lavorare e salvare i file.

Successivamente accediamo alle bozze possiamo creare il nostro primo progetto cliccando su “New design file”. Una volta cliccato ci si mostrerà la pagina di lavoro del file.

Area di lavoro

Una volta creato un progetto ci troviamo nella schermata di lavoro di Figma.

Nella parte superiore subito sotto il menu troviamo il pannello strumenti. Al centro del pannello troviamo la posizione e il nome del file di base impostato su Untitled, basta cliccare per modificarlo.

Nella parte sinistra troviamo la barra dei Layers (Livelli) e dei Assets (Risorse).

Nella colonna di destra abbiamo un menù dinamico le proprietà dei vari elementi.

Al centro viene mostrato la finestra su cui si sta lavorando.

Frames

I Frames sono i contenitori dove inserire le nostre forme, testi e immagini. Potete pensare ai frame come ogni singola schermata del vostro progetto.

Per crearne uno cliccare in altro nel pannello strumenti l’icona Frames. Una volta cliccato, nella colonna di destra, possiamo selezionare il dispositivo, tipo Phone, e la dimensione, iPhone 13. Una volta cliccato al centro dell’area di lavoro comparirà il nostro foglio vuoto.

Notiamo che nella colonna dei Layer si è aggiunto il nostro frame come elemento. Cliccando con il destro o facendo doppio click sul nome possiamo rinominarlo in “Home”.

Zoom e Panning

Di seguito le shortcut per attivare l’ingrandimento e lo spostamento:

ZOOM: Comand / Ctrl + lo scroll del mouse; Comand / Ctrl + Tasto + si aumenta; Comand / Ctrl + Tasto – si diminuisce.

PAN:

Space + Click e spostando si sposta l’inquadratura.

Annullare comando

Qualsiasi operazione effettuata si può annullare, per annullare andare in Modifica > Annulla.

Il comando di annulla può essere ripetuto più volte.

Dopo aver annullato un operazione si può ripristinare, per farlo andare in Edit > Undo.

Ricordarsi che se dopo aver annullato un operazione si effettuano altre operazioni il comando di Ripristina viene disattivato.

Le shortcut per essere più veloci sono:

Comand / Ctrl + Z per tornare indietro;

Comand / Ctrl + Maiusc + Z per tornare ripristinare;

Salvare lavoro

Figma auto salva il proprio lavoro.