Comment ajouter des icônes à Figma

Aucune interface utilisateur ne serait complète sans les icônes et la façon silencieuse dont elles communiquent si efficacement ce que les mots peuvent à peine transmettre. Par conséquent, il n’est pas surprenant qu’ils soient une caractéristique importante de Figma.

Vous voulez apprendre à ajouter des icônes à cette application pour rendre votre design plus intuitif ? Voici tout ce que vous devez savoir.

Ajouter des icônes à Figma

Il existe deux méthodes principales pour ajouter des icônes à Figma. Vous pouvez télécharger et faire glisser des icônes dans votre Figma, ou faciliter le processus en installant un plugin.

Ajouter des icônes téléchargées

Avez-vous trouvé l’icône parfaite sur le Web et en avez-vous besoin sur votre lieu de travail ? Téléchargez simplement le fichier et faites-le glisser dans le programme. Si vous devez importer de nombreux fichiers, sélectionnez-les avant de les faire glisser ou utilisez le menu approprié.

• Cliquez sur l’icône carrée dans la barre d’outils Figma.

• Cliquez sur « Placer l’image… »

• Sélectionnez les fichiers que vous souhaitez importer. Cliquez et faites glisser le curseur sur l’espace de travail pour placer les icônes. Assurez-vous de maintenir enfoncé le bouton Maj pour conserver le rapport d’aspect d’origine de l’image.

Installer le plugin

La deuxième façon (et peut-être la plus productive) d’ajouter des icônes à Figma consiste à installer un plugin. Les plugins Figma sont des extensions qui ajoutent encore plus de fonctionnalités à l’application. Certains d’entre eux faciliteront votre flux de travail, tandis que d’autres peuvent être utilisés pour ajouter des éléments de conception. La fonctionnalité de plug-in est disponible pour tous les utilisateurs, quel que soit leur forfait Figma.

Vous pouvez trouver les plugins en parcourant la page de la communauté Figma. Accédez à cette page de deux manières :

• Accédez directement à la page de la communauté dans un navigateur.
• Faites un clic droit dans l’application Figma et sélectionnez « Parcourir les plugins de la communauté ».

Sélectionnez la balise Plugin ou Icon en haut de la page et vous pourrez parcourir un grand nombre d’options. Les fichiers avec une icône de stylo bleu ou une icône moitié bleue, moitié violette seront compatibles avec Figma.

Une fois que vous avez trouvé le plugin que vous aimez, installez-le en cliquant simplement sur le bouton bleu « Installer ». Le plugin sera ajouté à votre Figma et vous pourrez commencer à utiliser des icônes. L’installation du plug-in le liera à votre compte afin que vous puissiez également y accéder à partir de comptes connectés.

Voici comment trouver vos plugins dans Figma :

• Ouvrez l’application de bureau Figma ou connectez-vous dans un navigateur.

• Cliquez sur l’icône Figma dans le coin supérieur gauche.

• Trouvez l’option « Plug-ins ».

• Sélectionnez le plugin que vous venez de télécharger. Il s’ouvrira dans une petite fenêtre.

Chaque plugin est différent ; certains offriront plus d’options que d’autres. Vous pouvez généralement trouver l’icône souhaitée dans la fenêtre du plugin. Pour ajouter une icône à l’espace de travail, faites-la simplement glisser et déposez-la.

Comment ajouter des icônes de médias sociaux à Figma

Si vous souhaitez ajouter des icônes de médias sociaux à votre design Figma, vous pouvez télécharger un plugin d’icônes qui inclut des logos de médias sociaux. Alternativement, vous pouvez rechercher des icônes de médias sociaux spécifiquement sur la page de la communauté Figma, où vous trouverez des fichiers d’icônes créés par d’autres utilisateurs de Figma. Vous pouvez dupliquer et modifier ces fichiers. Voici comment:

• Faites un clic droit dans l’espace de travail Figma et sélectionnez « Communauté » ou accédez directement à la page de la communauté Figma .

• Tapez « icônes de médias sociaux » dans la barre de recherche.

• Passez en revue les résultats de la recherche et assurez-vous que vous avez sélectionné un fichier compatible Figma. Survolez la vignette pour voir une petite icône dans le coin. Une icône bleue ou semi-bleue, semi-violette signale la compatibilité.

• Ouvrez la publication et cliquez sur l’icône bleue « Obtenir une copie ».

• Cliquez sur le compte auquel vous souhaitez ajouter des icônes dans la liste déroulante. Cela ajoutera le fichier au dossier des brouillons et copiera les icônes souhaitées du brouillon vers le fichier sur lequel vous travaillez.

Vous pouvez modifier les fichiers en fonction de votre conception et même les partager ultérieurement. Cependant, rappelez-vous qu’il ne s’agit pas de fichiers publics et agissez en conséquence.

Questions fréquemment posées

Dans quel format de fichier dois-je télécharger mes icônes Figma ?

Figma peut importer une grande variété de formats de fichiers, mais en ce qui concerne les icônes, assurez-vous de sélectionner le format SVG. Ce format de fichier offre la flexibilité des icônes car elles sont entièrement personnalisables. Vous pouvez modifier leur taille, leur couleur, leur style et même leur forme. Vous pouvez également utiliser d’autres formats si SVG n’est pas disponible pour le fichier que vous avez choisi – par exemple, les fichiers image comme PNG fonctionneront également. Cependant, ils sont plus limités et occupent beaucoup plus d’espace, utilisez donc SVG autant que possible.

Où puis-je trouver des icônes téléchargées dans Figma ?

L’emplacement de vos icônes Figma dépend de la façon dont vous les avez téléchargées.

• Si vous avez téléchargé un seul fichier, recherchez-le dans votre dossier de téléchargements normal.

• Si vous avez installé le plugin Figma, vous retrouverez vos icônes comme suit :

1. Cliquez sur l’icône Figma dans la barre de menu de l’application et sélectionnez Plugins.

2. Le plugin téléchargé apparaîtra dans le menu déroulant.

• Si vous avez dupliqué un jeu d’icônes, vos icônes seront dans vos brouillons Figma.

1. Ouvrez l’application Figma et assurez-vous de sélectionner votre profil.

2. Cliquez sur Brouillons dans la barre latérale gauche pour trouver de nouvelles icônes.

Ajoutez des icônes en toute simplicité

Un ensemble cohérent d’icônes est primordial pour une conception réussie. Heureusement, les plugins de la communauté Figma et les packs d’icônes facilitent la cohérence. Vous pouvez également utiliser d’autres ressources pour rechercher des icônes et simplement les faire glisser et les déposer dans votre espace de travail.

Avez-vous déjà trouvé vos icônes Figma préférées ? Que recommanderais-tu? Faites-le nous savoir dans les commentaires ci-dessous.