Summary  
This chapter explains how to configure solid and gradient color fills by manipulating color value systems (hex, RGB, HSL, HSB), adjusting color stops’ positions, opacity, and orientation, and selecting gradient types (linear, radial, angular, diamond).  

General domain of usage  
UI/UX design

In Figma, è possibile utilizzare colori pieni o colori sfumati per le forme e i progetti.
- Accedere al Pannello di Design e cliccare sull'icona Riempimento;
- Utilizzare lo Spettro Tonale, il Cursore Tonalità e il Cursore Opacità per regolare i colori.
### I sistemi di valori colore che vedrai sono

- È inoltre possibile utilizzare lo strumento **Contagocce** per campionare colori dalla pagina o dal frame, oppure accedere ai colori salvati da altri progetti tramite il menu a discesa;
- Quando si seleziona l'opzione **Riempimento sfumato** nel menu Riempimento, apparirà una barra di gradiente;
- È possibile regolare la **barra del gradiente** modificando la posizione degli stop colore, aggiungendo nuovi stop, ruotando il gradiente, invertendolo o regolando i singoli colori degli stop e la loro opacità secondo necessità.

Quale dei seguenti NON è un sistema di valori colore disponibile in Figma?

Cosa succede quando si imposta uno stop in un gradiente a 0% di opacità?

Impara tutto, dalle basi della progettazione di interfacce utente fino alle tecniche avanzate di prototipazione e collaborazione. Esplora come creare wireframe, progettare layout visivamente accattivanti e collaborare efficacemente con i team di sviluppo utilizzando le potenti funzionalità di Figma. Perfetto sia per principianti che per professionisti, questo percorso di apprendimento combina progetti pratici, consigli di esperti e applicazioni reali per aiutarti ad avere successo nel competitivo mondo del design.

Scopri cos'è Figma, qual è il suo ruolo nel design UI/UX e come navigare nella sua interfaccia e nei suoi strumenti. Esplora la bacheca FigJam per il brainstorming e la collaborazione, insieme a pagine e frame in Figma, che costituiscono la base per organizzare e strutturare efficacemente i tuoi progetti.

Scopri come i livelli in Figma mantengono il tuo design organizzato.
Esplora come i gruppi di forme aiutano a creare elementi visivi accattivanti.
Apprendi come stilizzare il testo in modo efficace utilizzando gli strumenti tipografici.

Apprendere come inserire foto e video, utilizzare maschere e applicare modalità di fusione per design dinamici.
Padronanza di colori, gradienti, pulsanti, auto layout, componenti e stili.
Sfruttare il potenziale di plugin e widget per aumentare la creatività e ottimizzare il flusso di lavoro.

Esplora colonne, griglie, plugin e la struttura componente genitore-figlio per ottimizzare il processo di progettazione.

Sviluppo di wireframe a bassa fedeltà.
Creazione di prototipi interattivi.
Animazione dei design.
Presentazione efficace del lavoro ai clienti.

Colore e Riempimento Sfumato in Figma: Padroneggiare le Palette per il Design UI/UX

I sistemi di valori colore che vedrai sono

1. Quale dei seguenti NON è un sistema di valori colore disponibile in Figma?

2. Cosa succede quando si imposta uno stop in un gradiente a 0% di opacità?

Awesome!

Colore e Riempimento Sfumato in Figma: Padroneggiare le Palette per il Design UI/UX

I sistemi di valori colore che vedrai sono

1. Quale dei seguenti NON è un sistema di valori colore disponibile in Figma?

2. Cosa succede quando si imposta uno stop in un gradiente a 0% di opacità?