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

I Figma kan du använda solida färger eller gradientfärger för dina former och designer.
- Gå till Designpanelen och klicka på Fyllningsikonen;
- Använd färgspektrumet, färgreglaget och opacitetsreglaget för att justera färger.
### Färgvärdessystem du kommer att se är

- Du kan också använda **pipettverktyget** för att hämta färger från din sida eller ram, eller komma åt sparade färger från andra projekt via rullgardinsmenyn;
- När du väljer alternativet **Gradientfyllning** i fyllningsmenyn visas en gradientfält;
- Du kan justera **gradientfältet** genom att ändra positionen för färgstopp, lägga till nya stopp, rotera gradienten, vända den eller justera enskilda stoppfärger och deras opacitet efter behov.

Vilket av följande är INTE ett färgvärdessystem som finns tillgängligt i Figma?

Vad händer när du ställer in ett stopp i en gradient på 0 % opacitet?

Lär dig allt från grunderna i att designa användargränssnitt till avancerad prototypframställning och samarbetsmetoder. Utforska hur du skapar wireframes, designar visuellt tilltalande layouter och samarbetar effektivt med utvecklingsteam med Figmas kraftfulla funktioner. Perfekt för både nybörjare och yrkesverksamma, denna utbildningsresa kombinerar praktiska projekt, experttips och verkliga tillämpningar för att hjälpa dig att lyckas i den konkurrensutsatta designvärlden.

Lär dig vad Figma är, vilken roll det har inom UI/UX-design och hur du navigerar i dess gränssnitt och verktyg. Utforska FigJam-tavlan för idéarbete och samarbete, samt sidor och ramar i Figma, som utgör grunden för att organisera och strukturera dina designer effektivt.

Upptäck hur lager i Figma håller din design organiserad, utforska hur grupperade former hjälper dig att skapa imponerande visuella element och lär dig att formge text med hjälp av typografiverktyg.

Lär dig att placera foton och videor, använda masker och tillämpa blandningslägen för dynamiska designer. Behärska färger, gradienter, knappar, automatiska layouter, komponenter och stilar. Utnyttja kraften i plugins och widgets för att öka kreativiteten och effektivisera arbetsflödet.

Utforska kolumner, rutnät, insticksprogram och föräldra-barn-komponentstruktur för att effektivisera din designprocess.

Utveckling av lågupplösta wireframes, skapande av interaktiva prototyper, animering av designer och effektiv presentation av arbete för kunder.

Färg- och Gradientfyllning i Figma: Bemästra Paletter för UI/UX-design

Färgvärdessystem du kommer att se är

1. Vilket av följande är INTE ett färgvärdessystem som finns tillgängligt i Figma?

2. Vad händer när du ställer in ett stopp i en gradient på 0 % opacitet?

Awesome!

Färg- och Gradientfyllning i Figma: Bemästra Paletter för UI/UX-design

Färgvärdessystem du kommer att se är

1. Vilket av följande är INTE ett färgvärdessystem som finns tillgängligt i Figma?

2. Vad händer när du ställer in ett stopp i en gradient på 0 % opacitet?