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 kun je effen kleuren of verloopkleuren gebruiken voor je vormen en ontwerpen.
- Ga naar het Ontwerp-paneel en klik op het Vulling-pictogram;
- Gebruik het Kleurenspectrum, de Kleurenschuifregelaar en de Opaciteitsschuifregelaar om kleuren aan te passen.
### Kleurenwaardesystemen die je zult zien zijn

- Je kunt ook het **Pipet**-gereedschap gebruiken om kleuren van je pagina of frame te selecteren, of opgeslagen kleuren uit andere projecten openen via het dropdownmenu;
- Wanneer je de optie **Verloopvulling** selecteert in het Vulling-menu, verschijnt er een verloopbalk;
- Je kunt de **verloopbalk** aanpassen door de positie van kleurstops te wijzigen, nieuwe stops toe te voegen, het verloop te roteren, het verloop om te keren of individuele stopkleuren en hun opaciteit naar wens aan te passen.

Welke van de volgende is GEEN kleurenwaardesysteem dat beschikbaar is in Figma?

Wat gebeurt er als je één stop in een verloop op 0% dekking instelt?

Leer alles van de basisprincipes van het ontwerpen van gebruikersinterfaces tot geavanceerde prototyping- en samenwerkingstechnieken. Ontdek hoe je wireframes maakt, visueel aantrekkelijke lay-outs ontwerpt en effectief samenwerkt met ontwikkelingsteams met behulp van de krachtige functies van Figma. Perfect voor zowel beginners als professionals; deze leerroute combineert praktische projecten, deskundige tips en toepassingen uit de praktijk om je te helpen slagen in de competitieve wereld van design.

Leer wat Figma is, wat de rol ervan is in UI/UX-ontwerp en hoe u de interface en gereedschappen navigeert. Verken het FigJam-bord voor brainstormen en samenwerking, samen met pagina's en frames in Figma, die de basis vormen voor het effectief organiseren en structureren van uw ontwerpen.

Ontdek hoe lagen in Figma uw ontwerp georganiseerd houden.
Verken hoe gegroepeerde vormen bijdragen aan indrukwekkende visuele elementen.
Leer tekst stijlvol vorm te geven met typografiegereedschappen.

Leer hoe je foto's en video's plaatst, maskers gebruikt en overvloeimodi toepast voor dynamische ontwerpen. Beheers kleuren, verlopen, knoppen, automatische lay-outs, componenten en stijlen. Ontdek de kracht van plug-ins en widgets om je creativiteit te vergroten en je workflow te optimaliseren.

Verken kolommen, rasters, plug-ins en de ouder-kind componentstructuur om uw ontwerpproces te optimaliseren.

Ontwikkeling van low-fidelity wireframes, creatie van interactieve prototypes, animatie van ontwerpen en effectieve presentatie van werk aan klanten.

Kleur- en Verloopvulling in Figma: Het Beheersen van Paletten voor UI/UX-ontwerp

Kleurenwaardesystemen die je zult zien zijn

1. Welke van de volgende is GEEN kleurenwaardesysteem dat beschikbaar is in Figma?

2. Wat gebeurt er als je één stop in een verloop op 0% dekking instelt?

Awesome!

Kleur- en Verloopvulling in Figma: Het Beheersen van Paletten voor UI/UX-ontwerp

Kleurenwaardesystemen die je zult zien zijn

1. Welke van de volgende is GEEN kleurenwaardesysteem dat beschikbaar is in Figma?

2. Wat gebeurt er als je één stop in een verloop op 0% dekking instelt?