In questo tutorial imparerete Figma da 0.

Partiremo dall'inizio, vedremo che cos'è Figma, come si utilizza, dove si scarica e sopratutto a che cosa serve.

Successivamente apriremo Figma andremo a vedere tutte le funzioni in esso contenute:
Partiremo dalla top bar (che contiene tra le altre, le funzioni di creazione di un frame, di un componente, i plugin, il testo e altro).
Contemporaneamente impareremo l'utilizzo e la gestione dei livelli sulla spalla sinistra e vedremo ad uno ad uno tutte le funzioni della spalla destra come la gestione del colore, del bordo, l'editing di un testo, l'auto layout, la funzione "costraints", l'esportazioni e tanto altro.

Finito il tutorial, Figma non avrà più segreti e a quel punto potrete dedicarvi alla progettazione di un sito web portfolio mono pagina che ho già pubblicato sul mio canale, prima di questo video.

Ti è piaciuto il video? Puoi dirmi grazie offrendomi un caffè ☕️
https://www.buymeacoffee.com/webdesignerd
In questo modo mi aiuterai a mantenere e far crescere il canale. Grazie 🙏

Capitoli del video:

00:00 Intro
02:21 Cos’è Figma? Come si usa e dove si scarica
07:03 Download di Figma per Mac, Windows e Smartphone
07:37 La top bar di Figma, move, scale
10:48 Region tool: Frame, section e slice
15:21 Layout grid - Impostazione di una griglia per il frame
21:05 Shape tool - le forme - Introduzione con quadrato e rettangolo
22:02 Allineamenti e distribuzione degli elementi
24:02 Dimensione, posizione, rotazione e corner radius
26:48 Pannello “Fill” - Gestione riempimento di un elemento con colore, sfumatura, immagine o video
32:24 Bordi - Gestione ed editing avanzata del bordo
35:52 Effetti 1a parte - Layer blur e background blur
38:53 Effetti 2a parte - Inner shadow e drop shadow
41:46 Export e librerie - Gestire l’esportazione di un file o elemento e salvare un preset (colore, ombra, bordo)
45:10 Constraints - Gestire il vincolo di un elemento
48:15 Altre forme - Linea, freccia, ellisse, poligono, stella, placing di immagine o video
54:15 Pen e pencil tool
01:00:23 Lo strumento testo
01:05:43 Edit object, use as mask
01:09:41 Componenti, varianti ed istanze
01:15:03 Auto Layout
01:25:47 Plugin e Widget
01:26:56 Creiamo un frame per i capitoli successivi
01:29:54 Riprendiamo i widget con un esempio
01:33:41 Present & share
01:38:15 Prototype, Inspect
01:40:49 Prototype intro
01:44:34 Prototype example
01:50:33 Gestione dei livelli, Boolean groups