PC et portable

Comment ajouter et utiliser des plugins dans Figma

Chaque designer est toujours à la recherche d'une nouvelle compétence ou technique pour l'aider à travailler plus efficacement. Figma vous connecte avec des plugins qui peuvent rendre votre flux de travail plus fluide et plus rapide. Les plugins transforment Figma en un guichet unique pour tous vos besoins de flux de travail. Vous pouvez les utiliser pour sélectionner une gamme complète de polices en quelques secondes ou générer des détails décoratifs complets avec une facilité extraordinaire. Vous pouvez même copier un dessin et le coller dans Figma avec toutes les couches correctes conservées.

Comment ajouter et utiliser des plugins dans Figma

Comment utiliser les plugins dans Figma sur un PC

La majorité des plugins Figma sont développés pour fonctionner dans un environnement PC. Les PC permettent de personnaliser facilement les frappes et les commandes pour créer des raccourcis pour les fonctions les plus couramment utilisées, telles que « copier et coller » ou « enregistrer et fermer ». Ces deux éléments sont des raccourcis essentiels dans les applications de conception comme Figma. Windows prend également en charge les logiciels de retouche photo (Paint) et d'illustration vectorielle (Inkscape), qui peuvent tous deux être très utiles lors de la création d'images dans Figma ou de la création de polices d'icônes personnalisées dans le cadre du processus de conception de votre projet.

Si vous exécutez Figma sur un PC, vous pouvez exécuter un plugin à partir de plusieurs endroits :

a) La barre d'actions rapides

La barre de recherche Actions rapides vous aide à localiser des éléments sans toucher votre souris. Tout ce dont vous avez besoin est votre clavier.

Pour lancer un plugin depuis la barre d'actions rapides :

  1. Appuyez sur Ctrl+/

  2. Tapez le nom du plugin dans la fenêtre pop-up. Si le plugin est déjà installé, il apparaîtra immédiatement sur votre écran. S'il existe plusieurs plugins avec des noms largement similaires, Figma les affichera tous pour vous permettre de choisir celui que vous souhaitez exécuter. Dans ce cas, vous pouvez utiliser les touches fléchées haut et bas pour naviguer dans la liste.

  3. Une fois que vous avez trouvé le plugin, appuyez sur Entrée pour lancer l'exécution du plugin. À ce stade, le plugin doit être ouvert et prêt à être utilisé.

b) Le menu Fichier

Le menu Fichier est situé dans le coin supérieur gauche de l'éditeur Figma. Il vous permet d'exécuter une multitude de commandes, notamment l'ouverture de nouveaux fichiers, la modification d'œuvres existantes, le dessin de vecteurs et la saisie de texte. Vous pouvez également exécuter des plugins à partir du menu Fichier. Voici comment:

  1. Cliquez sur les 3 lignes horizontales dans le coin supérieur gauche. Vous devriez voir une liste de commandes sur l'écran contextuel.

  2. Passez votre souris sur « plugins ». Cela devrait ouvrir une liste de tous les plugins que vous avez installés sur Figma.

  3. Cliquez sur le plugin que vous souhaitez exécuter.

c) Le menu contextuel

Grâce au menu contextuel, le processus de lancement et d'exécution des plugins n'a pas à être compliqué :

  1. Avec votre curseur positionné n'importe où sur la toile, appuyez sur le bouton droit de votre souris.

  2. Passez votre souris sur "plugins" pour ouvrir une liste de tous les plugins que vous avez installés sur Figma.

  3. Cliquez sur le plugin que vous souhaitez utiliser. Certains plugins peuvent vous présenter des invites à l'écran avant de s'exécuter.

  4. À ce stade, le plug-in exécute l'action souhaitée dans l'objet, le calque ou le fichier actuellement actif.

Si vous avez récemment utilisé un plugin, vous pouvez l'exécuter à nouveau en appuyant sur le bouton droit de votre souris, puis en sélectionnant "Exécuter le dernier plugin" dans le menu contextuel.

Comment ajouter et utiliser des plugins dans Figma sur un Mac

Les plugins Figma sont un moyen populaire d'ajouter des fonctionnalités que l'interface n'offre pas prêtes à l'emploi. La possibilité de basculer de manière transparente entre la révision de la base de code et l'apport de modifications en temps réel signifie que vous ne perdez jamais de temps à changer de contexte au cours de votre flux de travail.

Les ordinateurs Mac sont compatibles avec Figma, ce qui signifie que vous pouvez utiliser des plugins pour vous aider à augmenter votre efficacité tout en travaillant sur votre projet.

Voici comment utiliser les plugins dans Figma sur un Mac :

  1. Appuyez sur Contrôle + /

  2. Tapez le nom du plugin dans la fenêtre pop-up. Utilisez les touches fléchées haut et bas pour naviguer dans la liste.

  3. Une fois que vous avez trouvé le plugin, appuyez sur Entrée pour lancer l'exécution du plugin.

Alternativement, vous pouvez lancer et exécuter des commandes de plug-in via le menu contextuel. Tout ce que vous avez à faire est de cliquer avec le bouton droit sur n'importe quelle partie du canevas, puis de sélectionner le plugin que vous souhaitez utiliser sous le bouton "plugins".

Pour réexécuter le dernier plugin utilisé, appuyez sur Option + Commande + P

Plugins sur les applications mobiles Figma

Figma est livré avec des applications mobiles pour les appareils iOS et Android. Cependant, ces applications sont toujours en version bêta et n'ont donc pas été optimisées pour une utilisation avec des plugins. Vous ne pouvez les utiliser que pour refléter l'application de bureau et afficher des versions à l'échelle de vos conceptions. Tout cadre ou fichier sélectionné sur l'application de bureau s'affichera également sur l'application mobile.

Il est également important de noter que vous ne pouvez utiliser l'application mobile que si vous êtes connecté simultanément à l'application Web ou de bureau.

Les plugins Figma les plus ajoutés

Bien qu'il existe des tonnes de plugins Figma, quelques-uns pratiques sont extrêmement populaires parmi les amateurs de Figma. Voici le top 5 des plugins Figma les plus ajoutés :

1. Unsplash

En tant que designer, il est important de choisir un arrière-plan de haute qualité pour mettre en valeur votre travail. Unsplash peut être la solution parfaite car il propose des images gratuites et non protégées qui peuvent être téléchargées pour un usage personnel ou commercial. Les photos sur Unsplash sont généralement de très haute qualité et le site fournit des photos gratuites pour pratiquement tous les besoins de conception.

2. Iconifier

N'est-il pas frustrant de passer des heures à essayer de créer plusieurs icônes sur la même page pour se rendre compte qu'elles ne s'adaptent pas à leur taille d'origine et n'ont pas l'air pixelisées ? Entrez Iconify. Il s'agit d'un plugin utilisé par les développeurs frontaux pour combiner des ensembles d'icônes et créer des interfaces utilisateur belles, riches et modernes. Iconify est conçu pour faciliter l'ajout d'icônes ou de badges personnalisés directement depuis votre navigateur sans avoir besoin d'un éditeur externe.

3. Icônes de conception matérielle

Material Design Icons a tous vos besoins en matière d'icônes. Avec plus de 27 000 icônes disponibles, vous êtes presque assuré de trouver une icône parfaite pour votre interface.

La Material Design Icon Suite est livrée avec des graphiques vectoriels et des fichiers de polices utilisés pour rendre différents styles d'icônes. Que vous souhaitiez des formes simples en noir et blanc ou des compositions complexes en plusieurs couleurs avec des dégradés, des ombres portées ou des ombres incrustées, ce plugin est fait pour vous. Les formes sont disponibles dans des fichiers SVG en couches ou des formats PNG en couches pour votre commodité.

4. Lorem Ipsum

Lorem Ipsum est un type de texte factice utilisé dans la conception, la typographie et l'impression. Son plugin permet aux concepteurs d'insérer des sections de contenu factice pour imiter l'apparence de la copie réelle. Avec cet outil, vous pouvez facilement déterminer des détails tels que la proximité et le placement, les mots par ligne, l'espacement des lettres et le crénage. Vous n'avez pas à passer du temps à essayer de développer des blocs de contenu de remplissage qui peuvent même ne pas correspondre à votre conception typographique.

5. Bobine de contenu

Il s'agit de votre plugin de prédilection lorsque vous devez intégrer des icônes, des avatars et des chaînes de texte dans votre conception. Il est livré avec une barre d'outils simple qui vous permet de sélectionner le calque de votre conception qui a besoin de contenu, puis vous aide à sélectionner le type de contenu que vous préférez dans le menu de la palette. Le plugin vous permet également d'organiser vos chaînes de texte par ordre croissant ou décroissant, selon les besoins de votre projet.

Gagnez du temps avec les plugins Figma

En introduisant des fonctionnalités non incluses dans le logiciel d'origine, les plugins Figma ont touché une corde sensible parmi les concepteurs désireux de travailler plus efficacement. Ils peuvent vous aider à réduire le temps passé à recréer les mêmes choses à plusieurs reprises. Ils offrent l'opportunité d'explorer plus de possibilités sans avoir à changer d'outil de conception principal. Cependant, tout plugin donné doit être soigneusement examiné en fonction des besoins individuels.

Quels sont vos plugins Figma préférés ? Faites-nous savoir dans la section commentaires ci-dessous.