Comment ajouter des icônes dans Figma

Utiliser la bibliothèque d'icônes intégrée

1. Sélectionnez le cadre ou l'objet auquel vous souhaitez ajouter l'icône.

2. Cliquez sur l'onglet "Icônes" dans la barre latérale gauche.

3. Parcourez les icônes disponibles et cliquez sur celle que vous souhaitez ajouter.

4. L'icône sera ajoutée au cadre ou à l'objet sélectionné.

Importer des icônes personnalisées

1. Téléchargez le fichier SVG de l'icône que vous souhaitez importer.

2. Faites glisser et déposez le fichier SVG sur le canevas Figma.

3. L'icône sera importée en tant que composant.

4. Vous pouvez maintenant glisser et déposer le composant sur n'importe quel cadre ou objet.

Personnalisation des icônes

Une fois que vous avez ajouté une icône à votre conception, vous pouvez la personnaliser en modifiant sa couleur, sa taille ou sa rotation.

Pour changer la couleur d'une icône, sélectionnez-la simplement et cliquez sur l'échantillon de couleur "Remplir" dans la barre latérale gauche. Vous pouvez ensuite choisir une nouvelle couleur dans le sélecteur de couleurs.

Pour modifier la taille d'une icône, sélectionnez-la et faites glisser les poignées du cadre de délimitation. Vous pouvez également saisir une valeur de taille spécifique dans les champs « Largeur » et « Hauteur » dans la barre latérale gauche.

Pour faire pivoter une icône, sélectionnez-la et cliquez sur l'icône "Rotation" dans la barre latérale gauche. Vous pouvez ensuite saisir une valeur de rotation spécifique dans le champ "Angle".

Utiliser des icônes dans les prototypes

Vous pouvez également utiliser des icônes dans des prototypes pour créer des boutons et des liens interactifs.

Pour créer un bouton interactif, ajoutez simplement une icône à un cadre puis cliquez sur l'onglet « Interactions » dans la barre latérale gauche. Dans la section « Au clic », sélectionnez l'option « Naviguer vers », puis choisissez le cadre auquel vous souhaitez que le bouton soit lié.

Pour créer un lien interactif, ajoutez simplement une icône à un objet texte puis cliquez sur l'onglet « Interactions » dans la barre latérale gauche. Dans la section « Au clic », sélectionnez l'option « Ouvrir l'URL », puis saisissez l'URL que vous souhaitez que le lien ouvre.