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

Dans Figma, il est possible d'utiliser des couleurs unies ou des couleurs en dégradé pour vos formes et conceptions.
- Accéder au panneau Design et cliquer sur l’icône Remplissage ;
- Utiliser le spectre de teinte, le curseur de teinte et le curseur d’opacité pour ajuster les couleurs.
### Systèmes de valeurs de couleur que vous rencontrerez

- Il est également possible d’utiliser l’outil **Pipette** pour prélever des couleurs depuis votre page ou votre cadre, ou d’accéder aux couleurs enregistrées d’autres projets via le menu déroulant ;
- Lorsque l’option **Remplissage en dégradé** est sélectionnée dans le menu Remplissage, une barre de dégradé apparaît ;
- Il est possible d’ajuster la **barre de dégradé** en modifiant la position des points de couleur, en ajoutant de nouveaux points, en faisant pivoter le dégradé, en l’inversant, ou en ajustant individuellement les couleurs des points et leur opacité selon les besoins.

Lequel des systèmes de valeurs de couleur suivants n’est PAS disponible dans Figma ?

Que se passe-t-il lorsque vous réglez un arrêt dans un dégradé à 0 % d’opacité ?

Apprenez tout, des bases de la conception d'interfaces utilisateur aux techniques avancées de prototypage et de collaboration. Découvrez comment créer des wireframes, concevoir des mises en page visuellement attrayantes et collaborer efficacement avec les équipes de développement grâce aux fonctionnalités puissantes de Figma. Idéal pour les débutants comme pour les professionnels, ce parcours d'apprentissage combine des projets pratiques, des conseils d'experts et des applications concrètes pour vous aider à réussir dans le domaine compétitif du design.

Découvrez ce qu'est Figma, son rôle dans la conception UI/UX, ainsi que la navigation dans son interface et ses outils. Explorez le tableau FigJam pour le brainstorming et la collaboration, ainsi que les pages et les cadres dans Figma, qui constituent la base pour organiser et structurer efficacement vos conceptions.

Découvrez comment les calques dans Figma permettent de garder votre conception organisée, explorez comment les formes groupées facilitent la création de visuels attrayants, et apprenez à styliser le texte de manière élégante à l’aide des outils de typographie.

Apprenez à placer des photos et des vidéos, à utiliser des masques et à appliquer des modes de fusion pour des conceptions dynamiques. Maîtrisez les couleurs, les dégradés, les boutons, les mises en page automatiques, les composants et les styles. Exploitez la puissance des plugins et des widgets pour renforcer votre créativité et optimiser votre flux de travail.

Explorer les colonnes, les grilles, les plugins et la structure parent-enfant des composants pour optimiser le processus de conception.

Développement de wireframes basse fidélité.
Création de prototypes interactifs.
Animation des conceptions.
Présentation efficace du travail aux clients.

Remplissage de Couleur et de Dégradé dans Figma : Maîtrise des Palettes pour la Conception UI/UX

Systèmes de valeurs de couleur que vous rencontrerez

1. Lequel des systèmes de valeurs de couleur suivants n’est PAS disponible dans Figma ?

2. Que se passe-t-il lorsque vous réglez un arrêt dans un dégradé à 0 % d’opacité ?

Awesome!

Remplissage de Couleur et de Dégradé dans Figma : Maîtrise des Palettes pour la Conception UI/UX

Systèmes de valeurs de couleur que vous rencontrerez

1. Lequel des systèmes de valeurs de couleur suivants n’est PAS disponible dans Figma ?

2. Que se passe-t-il lorsque vous réglez un arrêt dans un dégradé à 0 % d’opacité ?