Figma : les meilleurs plugins & raccourcis pour votre design UX/UI

Prêt à augmenter la puissance de Figma ? Ces plugins vont vous y aider 🚀

Place à la liste des meilleurs plugins et des raccourcis sur Figma ! 👇

Font Suggestion, plugin de texte

Font suggestion est un plugin pour les designers Figma, qui utilise l'API de ChatGPT pour suggérer la police de caractères idéale pour les designs. Oui rien que ça 🤪

‍

Avec ce plugin, vous pouvez économiser des heures de recherche de polices et obtenir des suggestions en temps réel en entrant simplement vos exigences de design.

L'interface intuitive du plugin s'intègre parfaitement à l'environnement de conception de Figma pour une sélection plus rapide et plus efficace de polices. Ce plugin est vraiment un ajout essentiel pour les designers qui cherchent à améliorer leurs designs grâce à la puissance de l'IA assistée !

Next, plugin UI

Next est un plugin pour les utilisateurs de Figma, qui permet de parcourir les frames d'une page en utilisant une interface simple de navigation. Les frames sont affichées par défaut dans l'ordre de lecture de gauche à droite, avec une transition entre chacune ✨

Pexel, plugin d'images

Pexel est un plugin permettant aux utilisateurs de Figma d'ajouter des images gratuitement à leurs designs en se connectant directement à Pexels 😎

En fait, Pexels est une communauté de partage de photos et de vidéos gratuites composées de millions d'images et de vidéos de haute qualité. Les images de Pexels sont donc mises à disposition gratuitement par une communauté grandissante de plus de 100 000 photographes du monde entier 🌏

Et le meilleur pour la fin : ces images peuvent être utilisées à la fois à des fins personnelles et commerciales.

Memojis, plugin d'emojis

Memojis est un plugin qui permet aux utilisateurs d'ajouter directement des Memojis à leurs designs Figma. Pour cela, il suffit de sélectionner les formes à remplir, puis de lancer le plugin pour que plus de 100 Memojis soient automatiquement disponibles 😍

Font Explorer, plugin de typographies

Font Explorer est un plugin qui permet aux utilisateurs de Figma de tester différents types de polices pour leurs designs Figma. Avec cette fonctionnalité, il est possible de visualiser son design avec plusieurs polices de qualité sélectionnées en un seul clic !

Pour l'utiliser, il vous suffit de renommer les calques de texte en "change me", sélectionner la zone contenant les calques de texte, choisir le nombre de variations souhaité (maximum 30), sélectionner la catégorie de police (avec ou sans-serif) et enfin cliquer sur "Générer" 🔥

Arc, plugin de texte

Arc est un plugin qui a beaucoup été demandé par la communauté de Figma. Il s'agit d'un plugin qui propose des fonctionnalités de texte : en l'utilisant vous pourrez courber votre texte vers le haut, vers le bas ou en cercle, ajuster le curseur et prévisualiser le résultat ✌🏼

SPELLL - Spelling & Grammar Checking for Figma, plugin de correction orthographique

SPELLL est un plugin pour Figma et FigJam qui donne à l'utilisateur un pouvoir de correction orthographique similaire à celui de Google Docs ! 🤩

‍

Ce plugin vérifie en permanence les documents Figma ou FigJam pour détecter toute erreur d'orthographe et permet de les corriger en un seul clic. SPELLL permet ainsi d'éviter les fautes d'orthographe embarrassantes qui pourraient gâcher votre travail (une faute d'orthographe c'est dommage 😢) dans la création d'une interface utilisateur parfaite.

Fig3D, plugin 3D

Fig3D est un plugin qui permet aux utilisateurs de Figma de convertir les formes, les icônes, les logos et les designs UI en modèles 3D. Le tout sur Figma 👌

Humaaans, plugin d'illustrations

Humaaans Illustrations est un plugin pour Figma qui propose un ensemble d'illustrations de 79 designs, exclusivement composé d'illustrations colorées. Il est publié sous licence Creative Commons Zero v1.0 Universal (CC0) et peut être utilisé à des fins personnelles et commerciales. La bibliothèque d'illustrations se concentre sur les corps et les têtes, les illustrations de vêtements, ainsi que les illustrations de mobilité et d'accessibilité 🔥

Favvy Favicon Exporter, plugin d'images Favicon

‍

Favvy comme Favicon ! Favvy Favicon Exporter est un plugin qui permet de customiser et de prévisualiser vos images Favicon.

Palette, plugin pour les couleurs

‍

Palette est un plugin qui aide les utilisateurs de Figma à créer la palette de couleurs parfaite grâce à l'apprentissage automatique de Colormind 🎨 Lorsque l'utilisateur ouvre Palette, elle détecte les formes sélectionnées et utilise leurs couleurs de remplissage (jusqu'à 5) ou une image de remplissage pour créer une nouvelle palette de couleurs.

Les palettes de couleurs sont générées automatiquement à l'aide de l'intelligence artificielle. Vous pouvez alors cliquer sur les couleurs pour les verrouiller lors de la génération de nouvelles couleurs et les déplacer pour les réorganiser 👌

Free Illustrations by Iconduck, plugin d'images

‍

Free Illustrations est un plugin pour Figma développé par Iconduck. Il s'agit d'une bibliothèque de 260 illustrations parfaites pour des bannières ou d'autres design web. Celles-ci peuvent être utilisées à des fins personnelles et commerciales ✨

Proto.io, plugin pour les prototypes

‍

Proto.io est un plugin permettant aux utilisateurs de Figma d'importer des designs de Figma dans Proto.io pour créer des prototypes entièrement interactifs qui paraissent réels. Proto.io offre des fonctionnalités étendues de prototypage, d'animation et d'interactivité pour améliorer les designs de Figma et en faire des prototypes entièrement interactifs 😵

Les prototypes peuvent être partagés avec les parties prenantes pour obtenir des commentaires précieux et validés par des tests utilisateurs sur des plateformes populaires. Enfin, les prototypes peuvent être exportés en HTML, PNG et PDF ou facilement intégrés dans un site Web, un blog ou un outil de productivité de choix.

Content reel

‍

Avec le plugin Content Reel, vous pouvez créer un contenu personnalisé contenant des chaînes de texte, des images et des icônes pour l'utiliser dans vos conceptions Figma. Vous pouvez également partager votre palette de contenu avec d'autres utilisateurs de Figma pour une collaboration plus facile. Cela vous permet de concevoir des mises en page plus efficacement en utilisant des éléments provenant d'une même palette 🤞

‍

Style swap

‍

Style Swap est un plugin qui permet de remplacer rapidement un style par un autre dans Figma. Il scanne le document pour trouver les styles utilisés dans les calques et permet de choisir les styles à remplacer et les styles de remplacement. Cela permet de gagner BEAUCOUP de temps dans la modification des styles dans les designs 😎

‍

Stark

‍

Stark est un plugin pour les utilisateurs de Figma qui prévoit une combinaison d'outils intégrés aidant à optimiser le flux de travail d'accessibilité. En fait, Stark permet de créer et de tester rapidement des logiciels accessibles pour différents types de plateformes. Là aussi c'est un gain de temps 🤓 Avec Stark, vous disposez donc d'outils manuels et automatisés pour aider les designers, les ingénieurs et les chefs de projet à rendre leur produit accessible facilement.

‍

Quelques raccourcis  (très) utiles pour Figma

‍

Pour étirer en gardant les proportions : K

Pour afficher ou pour masquer les layout grid : Shift + G

Pour maintenir des éléments dans un frame : Espace

Pour déplacer en gardant un alignement horizontal ou vertical : Shift + déplacer

Pour renommer n'importe quel élément : Cmd + R

Et bien sûr ...

Pour accéder aux plugins Figma : Cmd + Opt + P

Bonus : Créer un site Webflow grâce au nouveau plugin Figma

Normalement, vous devriez avoir fait le plein de plugins (et de raccourcis) pour Figma ! 🤩

‍

‍

Vous souhaitez aller plus loin et transformer votre design en un site Webflow ? C'est possible grâce au nouveau plugin de Figma et on en parle juste ici 🚀

‍