Comment créer un dégradé sur Figma ?

Pourquoi utiliser un dégradé dans Figma ?

Utiliser des dégradés permet de :

• Améliorer l'esthétique visuelle.
• Mettre en avant des éléments importants comme des boutons.
• Ajouter du dynamisme à vos designs.

Étapes pour créer un dégradé dans Figma

Étape 1 : Sélectionner l’élément à styliser

• Sélectionnez une forme (rectangle, cercle, frame) sur laquelle vous souhaitez appliquer un dégradé.
• Dans cet exemple, nous utilisons une frame représentant un écran d'application.

Étape 2 : Activer l'option de dégradé

• Allez dans l'option « Fill » située dans le panneau de droite.
• Cliquez sur le menu déroulant et sélectionnez « Gradient ».

Étape 3 : Personnaliser votre dégradé

• Deux poignées apparaissent sur votre élément, permettant de définir la direction du dégradé.
• Par défaut, Figma applique une couleur opaque et une couleur transparente à chaque extrémité.
• Ajustez l'opacité et la position en fonction de votre préférence.

Étape 4 : Modifier les couleurs du dégradé

• Cliquez sur les points d'ancrage du dégradé pour changer les couleurs.
• Choisissez les couleurs souhaitées en utilisant la palette ou l'outil pipette.

Étape 5 : Ajouter plusieurs couleurs au dégradé

• Pour un dégradé multi-couleurs, cliquez directement sur la barre du dégradé pour ajouter des points supplémentaires.
• Définissez une couleur différente à chaque point ajouté pour créer des effets variés.

Types de dégradés disponibles dans Figma

Dégradé linéaire

• Le type par défaut, idéal pour des transitions simples et élégantes entre deux ou plusieurs couleurs.

Dégradé radial

• Un dégradé qui part du centre vers l'extérieur, idéal pour mettre en valeur des éléments centraux.

Dégradé angulaire

• Crée un effet de rotation autour d'un point central, parfait pour donner un aspect original à votre design.

Dégradé diamant

• Crée un effet en forme de diamant, intéressant pour des effets graphiques originaux.

Astuce supplémentaire

• Vous pouvez déplacer les points et les couleurs à votre guise pour personnaliser précisément l'apparence du dégradé selon vos besoins.

‍

Créer un dégradé dans Figma est une méthode simple et efficace pour enrichir vos designs. Exploitez pleinement cette fonctionnalité pour donner une dimension visuelle unique à vos projets.