12 plugins Figma gratuits à connaître (et à installer)
INTRODUCTION
À La Chouette Co, Figma est l’outil préféré de nos designers, et il fait l’unanimité.
Figma n’est pas seulement un outil de création et de design graphique, mais c’est aussi une communauté, à l’image de son espace communauté, aka “Figma Community”, et de ses extensions qu’on retrouve par milliers.
À vrai dire, pas facile de s’y retrouver face à des tonnes de plugins tous très intéressants. C’est pourquoi on s’est dit que ça serait plutôt sympa de vous partager 12 plugins qui vous seront probablement très utiles au quotidien !
Toutes les extensions que nous allons vous présenter sont GRATUITES.
Les 12 plugins indispensables sur Figma 🔥
1. Contrast ✅
Accessibility first. Inutile de vous rappeler la place qu’occupe l’accessibilité dans le monde actuel du Design. Contrast est un plugin intéressant pour celles et ceux qui veulent vérifier le niveau d’accessibilité des couleurs utilisées.
Selon les deux référentiels RGAA & WCAG, pour un texte en taille normal :
- Le rapport de contraste doit être au moins à 4.5:1 pour le niveau d’accessibilité AA.
- Pour un niveau d’accessibilité AAA, le rapport doit être supérieur à 7:1.
Si vous êtes intéressé par le sujet de l’accessibilité web, on en a consacré un article :
Le fonctionnement du plugin est plutôt simple, sélectionnez deux couleurs, Contrast se chargera de faire le “contraste” des couleurs et de vous donner une idée du niveau d’accessibilité. Voici un exemple ci-dessous :
Pour télécharger Contrast :
2. Content Reel 🔤
Pour vos maquettes, vous allez sûrement avoir besoin de générer du texte.
Bonne nouvelle, il existe une extension pour générer automatiquement du texte, que vous ayez besoin de noms fictifs, de Lorem Ipsum, de photos ou bien d’icônes, Content Reel possède un large panel d’éléments.
Vous avez largement de quoi remplir vos maquettes maintenant. 😏
Pour télécharger Content Reel :
3. BrandFetch 🔥
BrandFetch est un plugin qui vous donne la possibilité d’aller chercher des logos, des codes couleurs et des fonts de milliers de marques.
Le fonctionnement de BrandFetch est assez simple :
- Tapez le nom de la marque que vous voulez.
- Puis récupèrez son logo, ses couleurs et ses polices.
Pour télécharger BrandFetch :
5. Blush 👨🎨
Blush vous propose un grand nombre de librairies d’illustrations pour vos visuels, avec des thèmes et des styles divers et variés.
Avoir le plugin Blush, c’est un moyen simple pour vous d’avoir des illustrations à l’image de ce que vous souhaitez.
Pour télécharger Blush :
6. Angle Mockups 🖥
Besoin de Mockups pour mettre en scène vos designs ?
Le plugin “Angle Mockups” vous donne accès à des mockups gratuits en perspective : smartphones, tablettes, ordinateur, et bien plus…
Pour télécharger Angle Mockups :
7. TinyImage Compressor 📁
Créer un design, c’est bien. Mais vous aurez sûrement besoin de l’exporter en bonne qualité et de le compresser. Et pour ça, le plugin TinyImage Compressor fait plutôt bien le travail.
Les formats que vous pouvez exporter sont : JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF et PDF.
De notre côté, on l’utilise souvent pour regrouper plusieurs designs en un seul et même fichier. Assez pratique quand même ! ^^
Pour télécharger TinyImage Compressor :
8. LottieFiles For Figma 🚀
Une autre extension qui va vous plaire : LottieFiles For Figma.
Avant de vous présenter cette extension, rien de mal de faire un petit rappel sur ce qu’est un “Lottie”.
Lottie est un format d’animation vectorielle. Pour la petite anecdote, ce format a été créé par le département Design du groupe Airbnb. 💪
Si vous voulez en savoir plus sur ce concept : https://airbnb.design/lottie/
LottieFiles For Figma vous permet principalement deux choses :
- Primo, vous avez accès à plus de 1000 Lottie animation gratuitement
- secundo, vous pouvez aussi importer facilement vos propres fichiers en .lottie
Pour télécharger LottieFiles For Figma :
9. Scale>>Better 📐
Le plugin Scale>>Better vous sera très précieux pour redimensionner vos designs sans prise de tête.
Vous pouvez modifier l’échelle selon ce que vous voulez, en utilisant les pourcentages ou les dimensions longueur/largeur.
L’avantage d’utiliser ce plugin, c’est que le texte et les éléments présents sur votre calque seront aussi ajuster correctement.
Pour télécharger Scale>>Better :
10. Remix Icons 🧰
Remix icons, on peut le voir un peu comme une grosse boîte à outils d’icônes. Cette extension vous propose une grande variété d’icônes qui pourront vous servir dans vos designs.
Pour télécharger Remix Icons :
11. Color Palettes 🎨
Hmmm, pas facile de trouver sa belle palette de couleurs… eh bien, on a peut-être une solution pour ça, et ça a un nom : Color Palettes.
Le fonctionnement est plutôt simple, vous n’aurez qu’à taper le code couleur que vous voulez, puis le plugin vous proposera plusieurs palettes.
Pour télécharger Color Palettes :
12. PhotoRoom Background Remover 😱
Oubliez Photoshop.
Est-ce que vous saviez qu’il était possible de supprimer l’arrière-plan d’une photo directement sur Figma ?
Eh bien, il y a une extension rien que pour ça, et honnêtement, les résultats sont assez impressionnants.
Pour télécharger PhotoRoom Background Remover :
Conclusion
Pour finir, on peut dire que les plugins sont très utiles dans le quotidien d’un designer. Ils vous donneront plus de possibilités et vous aideront dans vos créations.
En bref, Figma regorge de plugins divers et variés, plus ou moins utiles.
Cette liste n’est évidemment pas complète, mais pas de panique, nous reviendrons bientôt vers vous pour une partie 2… ! 👋
Retrouvez tous les articles en design, tech & stratégie sur notre chouette blog 🔥
