Quelques plugins Figma pour automatiser les tâches répétitives

En tant que designers, il est difficile d'échapper aux tâches répétitives lors de la phase de conception, car certaines d'entre elles peuvent être essentielles au bon déroulé du projet. Qu'il s'agisse d'organiser les calques, de créer plusieurs styles, de mettre en page les guidelines, etc... Aussi nécessaires soient-elles, ces tâches ne sont pas celles auxquelles vous souhaitez consacrer le moins de temps possible. Dans cet article, je vais vous partager les plugins que j'utilise pour automatiser presque toutes ces tâches, au commencement d'un projet.

‍

Styler

C'est clairement mon préféré. Ce plugin m'a fait gagner beaucoup de temps en automatisant la création des styles. En quelques clics, il me permet de manière simplifiée de gérer toutes les informations nécessaires pour la création de mon dossier de guidelines.

Ce plugin propose plusieurs fonctionnalités, mais il y e a trois qui se démarquent particulièrement -

Generate - Comme son nom l'indique, cette fonction crée de nouveaux styles basés sur le calque que vous avez sélectionné.

Extract - Cette fonction copie tous les styles que vous avez créés dans votre document et les colle sur votre artboard, vous évitant ainsi de les dupliquer manuellement.

Détacher - Cette fonction supprime tous les attributs de style appliqués au calque sélectionné.

‍

Similayer

Un plugin très utile lorsque je dois sélectionner plusieurs calques ayant des propriétés spécifiques. Dans presque tous mes projets, arrive un moment où je dois sélectionner plusieurs calques ayant des propriétés similaires. Il peut s'agir de textes avec les mêmes caractères, de calques avec le même remplissage, de calques avec la même hauteur, etc... Avant de découvrir Similayer, je devais parcourir manuellement ma page pour sélectionner tous ces calques. Je vous laisse imaginer à quel point c'est un processus qui peut être chronophage et source d'oublis.

Désormais, je sélectionne le calque dont je veux trouver des copies et je lance le plugin. Similayer effectue une recherche sur l'ensemble des pages et trouve les calques similaires à ceux que j'ai sélectionnés. Il dispose également d'une fonction qui permet de limiter la recherche à une page précise.

‍

Add numbers to text

Lors de la phase de conception, il est courant que je me retrouve à devoir modifier le contenu d'un grand nombre de calques de texte. Cela est particulièrement fréquent pour les projets comprenant que les tableaux de bord qui contiennent beaucoup de texte.

Avant de découvrir ce plugin, je devais sélectionner manuellement chaque calque de texte et modifier son contenu un par un. Une tâche pas des plus plaisantes, pouvant rapidement être source d'erreurs ou d'oublis. Désormais, au lieu de modifier chaque calque individuellement, je sélectionne simplement les calques que je souhaite modifier et je lance le plugin.

Deux fonctions du plugin me semblent particulièrement intéressantes. La première vous permet de transformer des textes en nombres disposés numériquement, ce qui est pratique lorsque vous avez besoin d'afficher des données de manière structurée. La deuxième fonctionnalité vous permet de créer du texte et des nombres qui suivent un modèle spécifique que vous définissez en option. Cette fonction est idéale pour générer du texte de remplacement ou des données qui imitent des données réelles. Bref, un banger.

‍

Flyover

Flyover me permet de passer rapidement d'une zone à l'autre d'un projet. Tout ce que j'ai à faire, c'est d'enregistrer les positions des zones entre lesquelles je veux me déplacer dans le plugin. Lorsque je veux me déplacer à cet endroit, je lance le plugin et je sélectionne cette position. Le plugin naviguera alors jusqu'à cet endroit... avec des animations très agréables. De cette façon, je trouve facilement et rapidement ce que je veux sur une page. Un gain de temps non négligeable, lorsque l'on travaille sur des projets d'envergure, avec des dizaines, voire même des centaines d'écrans.

‍

‍