40 plugins indispensables pour une meilleure expérience Figma

Post is also avalible in:

Quoi de mieux que de concevoir dans Figma ? Concevoir dans Figma avec des plugins ! Ces minuscules add-ons améliorent les fonctionnalités de base de Figma et conservent tous les outils possibles et impossibles en un seul endroit. Vous souhaitez supprimer un arrière-plan ? Il existe un plugin pour cela. Besoin de générer des données utilisateur réalistes pour une maquette ? Couvert. Et c’est sans avoir à faire des allers-retours entre différentes applications ou onglets. Cependant, la meilleure partie est que la plupart des plugins sont entièrement gratuits.

Pourquoi utiliser les plugins Figma

Selon les statistiques, Figma détient plus de 40 % des parts de marché dans l’industrie des logiciels de conception. Ce qui n’est pas surprenant – la vanille Figma est déjà assez incroyable. Pendant ce temps, le système de plugins porte l’expérience de l’application à l’infini et au-delà.

Parce que cela vous facilite la vie, honnêtement. Considérez les plugins comme des codes de triche qui vous équipent de fonctionnalités uniques et cool que le jeu de base ne fournit pas. Au lieu de dessiner un profil d’utilisateur à partir de zéro, profitez des packs d’icônes, des fausses données et des générateurs d’avatars d’utilisateurs.

J’aimerais pouvoir revenir en arrière et me dire que je n’avais pas besoin de tous ces logiciels différents pour mes projets universitaires. Même une tâche aussi simple que la suppression de l’arrière-plan nécessitait une action supplémentaire. Avec les plugins Figma, cependant, il est disponible dans une seule application. Et je ne vais même pas commencer à japper sur toutes ces textures, dégradés, effets géniaux – je vais juste vous les montrer !

Outils utiles

Vers le chemin

Ce plugin prend la main de votre objet et le guide en douceur le long d’un chemin personnalisé. Dessinez n’importe quelle courbe que vous aimez, choisissez une forme, un texte ou un groupe d’objets, et reliez-les entre eux pour voir la magie opérer. Vous pouvez également ajuster la position et le nombre d’objets pour parfaire le résultat.

Boîte à outils de perspective

Ajoutez de la profondeur à votre design en jouant sur la perspective. Vous pouvez l’utiliser pour créer des maquettes en inclinant simplement votre conception, en utilisant une méthode 3D avec un contrôle FoV, ou en la transformant en un vecteur à quatre courner pour la faire glisser manuellement. La méthode qui vous convient le mieux.

Connecteur de dessin

Tout est lié. Et ce plugin vous aidera à l’illustrer avec l’utilisation de flèches personnalisables. Une fois appliqué, le plugin cherchera le chemin le plus court pour connecter deux couches/objets. Mieux encore, la flèche s’ajustera automatiquement lorsque vous déplacerez l’un des objets connectés.

Icons8 Suppression d’arrière-plan

Contrairement au célèbre Remove BG, le plugin d’Icons8 est gratuit, illimité et ne nécessite aucune clé API. Et ça marche tout aussi bien !

Photopea

Que diriez-vous d’exécuter Photoshop directement dans votre Figma ? C’est essentiellement ce que le plugin Photopea a à offrir. De plus, contrairement à Photoshop, ce plugin est gratuit. Et c’est assez impressionnant, pour être honnête.

Insérer une grande image

Le nom parle de lui-même – ce plugin vous permet d’insérer n’importe quelle image et de conserver sa résolution d’origine. Le problème est que Figma réduit les images avec des dimensions supérieures à 4096 pixels. Pour résoudre le problème, le plugin divise intelligemment le fichier en un ensemble de fichiers plus petits.

Créateur de table

Miss Excel ? Alors voici la bonne nouvelle : vous pouvez l’avoir dans Figma maintenant. Ce plugin enrichit votre boîte à outils avec des tables impressionnantes et fonctionnelles. Ils sont personnalisables et peuvent s’adapter à tout. De plus, ils s’ajustent automatiquement à la taille du contenu.

Destroyer

Détruisez rapidement les instances, tous les styles, les mises en page automatiques, les styles de couleurs, les styles d’effets, les styles de texte, les variables, les variables de typographie, les variables de dégradé, les hyperliens, les mises en page de grille… Tout, laissez-le brûler et recommencez. Pas de capture d’écran, car j’ai accidentellement détruit toute la page.

SMS

Remplissage de texte

Créez des bulles de texte de différentes formes et couleurs à l’aide de ce plugin super simple. Tout ce que vous avez à faire est de choisir le champ de texte et la forme souhaitée, d’appuyer sur «  Créer  », et… Ta-da ! Il est également possible d’ajuster le nombre de pixels entre chaque mot.

FontDuo

Pourquoi faire défiler pendant des heures, en essayant de trouver la paire parfaite de polices, si vous pouvez simplement briser le randomiseur ? Cette fois, il n’est pas nécessaire d’aller le chercher sur le Web – il suffit d’exécuter le plugin, de choisir le style et d’être heureux !

ARC

De la même manière que To Path, ARC vous aide à améliorer votre jeu de type. Cependant, ce plugin est beaucoup plus simple et ne vous permet de plier le type vers le haut ou vers le bas jusqu « à ce qu’il se verrouille en cercle. Mais si vous n » êtes pas d’humeur à dessiner des chemins, c’est une excellente alternative.

Couleur

De l’image à la palette de couleurs

L’exécution de ce plugin après avoir sélectionné une image générera une fenêtre contextuelle avec une palette de 6 couleurs. La meilleure partie est que vous pouvez copier les codes de couleur en cliquant simplement sur la palette. Il est également possible de copier les couleurs d’une rangée de carrés sur le canevas. Utile et super pratique.

Teintes et nuances

Ce plugin génère cinq teintes et cinq nuances de la couleur que vous choisissez. Il n’y a pas grand-chose à dire à ce sujet, vraiment. C’est simple et pratique.

Dégradé granuleux

De superbes combinaisons de couleurs personnalisables superposées à une texture granuleuse et jusqu’à 4000px sont ce que ce plugin apporte à votre table. Vous pouvez soit randomiser le dégradé, soit choisir les couleurs dont vous avez besoin. Lorsque vous êtes prêt, insérez-le sur la toile ou choisissez n’importe quelle forme existante.

Dégradé de maille

Un plugin similaire vous équipe d’un maillage 2D pour vous aider à créer des dégradés personnalisés complexes. Il élimine le problème existant avec les dégradés Figma par défaut qui créent parfois un désordre de couches et de couleurs plus boueuses. Il existe également des fonctionnalités expérimentales telles que le randomiseur et l’édition des bords.

Daltonien

Un bon design est aussi un design inclusif. Et ce petit plugin vous permet de voir vos œuvres à travers les yeux d’une personne daltonienne. Le simulateur a des effets de plusieurs types de daltonisme et décrit avec précision les différences de perception des couleurs.

Contraste

Le texte de votre design est-il lisible ou devriez-vous envisager de choisir des couleurs différentes ? Ce plugin montre à quel point votre jeu de contraste est bon. Il vous suffit de sélectionner le calque souhaité et de voir si votre conception respecte les directives pour l’accessibilité des contenus Web (WCAG).

Formes

Blobs

Outil super facile et amusant qui vous évite la douleur de créer manuellement des vecteurs complexes (ou pas vraiment). Pour générer un blob aléatoire, vous choisissez les niveaux de sa complexité et de son unicité et… Le tour est joué ! Votre blob parfait est servi. (Vous pouvez voir que je me suis amusé à faire des illustrations.)

Vague et courbe

Les blobs personnalisables, c’est cool, mais qu’en est-il des courbes ? Eh bien, ce plugin les a couverts. En utilisant le paramètre qu’il fournit, vous constaterez qu’il est facile de créer une variété de vecteurs intéressants pour mettre en valeur n’importe laquelle de vos conceptions. Et si vous vous sentez chanceux, vous pouvez toujours cliquer sur «  Aléatoire  ».

Environ

Vous en avez assez des lignes épurées et parfaites ? Choisissez votre niveau de négligence et esquissez une forme désordonnée en un clic. Enrichit grossièrement votre boîte à outils Figma avec des formes dessinées à la main que vous pouvez créer dans le plugin ou en convertissant un vecteur existant.

Traceur d’image

Transformez n’importe quoi en un vecteur évolutif à l’infini. Et au lieu de le tracer manuellement, exécutez le plugin Image Tracer et convertissez les images en vecteurs en un rien de temps. Le plugin dispose d’un tas de paramètres utiles et peut fonctionner à la fois avec N&B et couleur.

Graphique

Contrôlez le nombre de points, le niveau de lissage et la pente de votre carte. Une fois généré, vous pouvez modifier le vecteur plus loin, en changeant sa couleur, sa taille, son volume et en jouant avec les nœuds. Il existe également une bibliothèque de préréglages disponibles.

Effets

Bruit et texture

Si vous cherchez des moyens de pimenter votre design, consultez le plugin Noise & Texture. Ici, vous pouvez trouver des motifs impressionnants de bruit de mosaïque sans couture, des textures, des motifs, des dégradés, etc. C’est hautement réglable et super facile.

Réfléchir

La réflexion est une grande chose. Si vous réfléchissez à vos expériences, vous comprendrez mieux votre nature, votre comportement et… Oh, oups. Ce plugin est plutôt une question de réflexions littérales, mon mauvais. Donc, au cas où votre conception aurait besoin d’un effet miroir personnalisable, enregistrez ce plugin.

Belles ombres

Les ombres sont portées à un nouveau niveau avec ce plugin simple – le nom parle de lui-même. Vous pouvez maintenant faire glisser la source de lumière et contrôler la façon dont elle projette des ombres sur les objets. Ensuite, vous pouvez également ajuster l’intensité et les couleurs de la lumière et de l’ombre.

Morphe

Le plugin Morph comprend six effets, tels que skeuomorph, néon, glitch, réflexion, verre et dégradé. Il est également possible d’ajuster n’importe quel effet en jouant avec les propriétés. Morph est une grande palette d’effets à avoir à votre disposition.

Lueur

Laissez entrer la lumière et laissez briller votre créativité ! Le plugin donne à vos conceptions un effet lumineux en combinant plusieurs effets de calque d’ombre portée. Il correspond à la couleur de l’objet lors de la sélection ; Cependant, vous pouvez toujours en choisir un autre et réguler l’intensité de la lueur.

Téléformatez-le

Que vous ayez besoin de mettre un objet en perspective ou que vous souhaitiez simplement créer une forme inhabituelle, ce plugin est là pour vous. Les paramètres vous permettent de contrôler le niveau d’interpolation et d’aller jusqu’à 20 points de complexité. Il propose même un mode sombre !

Vague 3D

Pourquoi ne pas fabriquer une couverture douillette à partir d’un rectangle aléatoire sur votre toile ? Le plugin promet de tout adoucir comme du tissu, et c’est ce qu’il fait en effet. De plus, vous avez le pouvoir de personnaliser chaque aspect de cette couverture, de l’apparence à la position.

Pixels

Si jamais vous avez besoin de transformer votre image en une peinture de Minecraft, c’est l’outil que vous utiliserez. Non seulement vous pouvez réguler le niveau de pixellisation de 1 à 80, mais aussi vectoriser l’image, en la divisant en petits blocs carrés séparés.

Contenu

Éclaboussure

Ah, la source sacrée d’images libres de droits ! Maintenant, disponible directement dans l’interface de Figma, vous n’avez donc pas besoin de télécharger des fichiers depuis le navigateur et de les importer manuellement. Comme vous pouvez le voir, je l’ai déjà utilisé pour l’illustration précédente. Super pratique !

Bobine de contenu

Content Reel est votre homme de main en matière de contenu personnalisé et de fausses données pour votre mise en page. Dans ses bibliothèques, vous trouverez des avatars, des noms complets, des adresses, des e-mails, des numéros, etc. Le contenu choisi s’adaptera directement à l’espace réservé sélectionné. Vous pouvez également télécharger votre propre contenu.

Plugin de maquette

Un trésor de maquettes diverses de toutes sortes. Il apporte à la table une large gamme de maquettes personnalisables de haute qualité de différentes catégories, des appareils aux éléments de marque. La vérité est que la plupart d’entre eux sont disponibles avec un abonnement payant qui commence à 8,25 $/mois.

Maquettes de l’Artboard Studio

Une autre pile de maquettes de haute qualité se trouve dans le plugin d’Artboard Studio. La bibliothèque se compose de maquettes réalistes qui sont rendues directement dans le canevas de Figma. Semblable à Mockup Plugin, Artboard Studio est également principalement disponible via un abonnement, à partir de 12 $/mois.

Lorem Ipsum

Celui-ci ne concerne pas uniquement l’espace réservé au texte, il permet également d’accéder à la bibliothèque d’Unsplash. En utilisant ce plugin, vous vous épargnerez la peine de remplir des exemples de champs de texte et d’espaces réservés aux images en une seule fois. C’est votre trésor de fausses données, de lorem ipsum et de photos d’archives.

Rougir

Blush est une bibliothèque de collections d’illustrations mignonnes. Vous pouvez choisir n’importe quel personnage/autocollant que vous préférez et le personnaliser à votre guise. Il existe également un plan payant qui débloque encore plus de fonctionnalités, telles que les fichiers SVG et la résolution au niveau de l’impression.

Illustrations

Une autre collection de packs d’illustrations gratuits. Les images sont de haute qualité et peuvent être insérées en les glissant et en les déposant sur le canevas. Les collections du plugin sont principalement des gribouillis de personnes. Cependant, il dispose également d’un pack d’objets 3D, comme le panier dans la capture d’écran.

Icônes8

Pas seulement des icônes ! Bien que le choix d’icônes présenté par ce plugin soit énorme, il a plus à donner. Une grande variété d’illustrations, y compris des maquettes, et une collection de photos d’archives font également partie de l’arsenal d’Icons8.

Iconifier

Contrairement au précédent, ce plugin est dédié uniquement aux icônes. Sa collection compte 150+ jeux d’icônes, soit environ 200k articles. Il ne sera pas très difficile de trouver un type spécifique d’icônes, car Iconify dispose d’un outil de recherche avancé avec des filtres.

Profil d’utilisateur | Avatar

Un outil simple pour la génération d’avatars d’utilisateurs. L’interface comprend certains filtres, tels que le sexe, l « émotion, l » âge et la couleur des cheveux, que vous pouvez utiliser pour générer un avatar aléatoire. Vous pouvez également parcourir la bibliothèque et en choisir une à partir de là. Les sources sont Unsplash et Pexels.

Comment installer des plugins dans Figma

Avec l’interface intuitive de Figma, ce ne sera pas beaucoup d’histoires. Vous pouvez cliquer sur «  Actions  » dans votre barre d’outils, utiliser le menu contextuel ou appuyer sur CTRL+K. Cela vous mènera à l’onglet plugins, où vous pourrez les rechercher avec une barre de recherche ou essayer ceux suggérés.

Dès que vous trouvez le plugin dont vous avez besoin, ouvrez-le et appuyez sur «  Exécuter  ». L’interface apparaîtra et vous guidera à travers les fonctionnalités du plugin. C’est aussi simple que cela. Une fois exécuté, le plugin sera enregistré dans votre bibliothèque de plugins pour une utilisation future.

Réflexions finales

Ces 40 plugins représentent des centaines d’heures de travail de développement par des créateurs talentueux qui comprennent les points faibles de la conception numérique. Les plugins éliminent de nombreux obstacles techniques à l’exploration créative. Certains de vos meilleurs travaux peuvent provenir d’heureux accidents lors de l’expérimentation de nouveaux plugins.

Cependant, n’allez pas installer les 40 plugins immédiatement – aussi tentant que cela puisse être, cela vous laissera avec une interface encombrée et une paralysie décisionnelle. Alors explorez-les progressivement, en découvrant ce qui vous convient le mieux, et vous vous retrouverez avec votre propre boîte à outils personnalisée. Bon vent, vous, collègue designer !