Propstar : le plugin Figma pour générer des tableaux d'instances en un clic

October 10, 2023
Propstar : le plugin Figma pour générer des tableaux d'instances en un clic

Introduction

La propriété des composants dans Figma est une fonctionnalité très utile pour réduire le nombre de variantes et simplifier le processus de conception. Cependant, elle peut présenter un inconvénient majeur : certaines propriétés ne permettent pas d'afficher les éléments cachés par défaut.

Par conséquent, il peut être difficile de savoir combien de combinaisons sont possibles en un coup d'œil. C'est là que le plugin Propstar entre en jeu en affichant toutes les variations possibles sous forme de tableau, rendant ainsi le processus de conception beaucoup plus facile. Dans cet article, nous allons examiner les fonctionnalités de ce plugin et expliquer comment il peut vous aider dans votre travail de conception dans Figma.

a purple background with buttons and buttons

Comment l’utiliser

CREATE EMBEDDED TABLE

La fonctionnalité "Create Embedded Table" permet de créer un tableau à l'intérieur d'un cadre de texte existant dans une conception Figma. Cette option est idéale pour les designers qui souhaitent organiser les données et les informations dans un format de tableau à l'intérieur d'une conception. Pour utiliser cette fonctionnalité, il suffit de sélectionner un cadre de texte existant et d'accéder à "Create Embedded Table" dans le menu des plugins.

Ensuite, il est possible de spécifier le nombre de colonnes et de lignes que vous souhaitez avoir dans votre tableau, ainsi que d'autres propriétés de tableau. L'avantage de cette fonctionnalité est qu'elle permet de créer rapidement et facilement un tableau organisé à l'intérieur d'une conception Figma existante. Cela peut aider à améliorer l'organisation et la présentation des données dans la conception.

CREATE STANDALONE TABLE

La fonctionnalité "Create Standalone Table" permet de créer un tableau en tant qu'élément autonome dans une conception Figma. Contrairement à la fonctionnalité "Create Embedded Table", cette fonctionnalité crée un cadre de tableau distinct qui peut être placé n'importe où dans la conception. Pour utiliser cette fonctionnalité, il suffit d'accéder à "Create Standalone Table" dans le menu des plugins de Figma. Ensuite, il est possible de spécifier le nombre de colonnes et de lignes que vous souhaitez avoir dans votre tableau, ainsi que d'autres propriétés de tableau.

L'avantage de cette fonctionnalité est qu'elle permet de créer facilement un tableau autonome dans une conception Figma, qui peut être déplacé, modifié ou supprimé sans affecter le reste de la conception. Cette fonctionnalité est utile si vous souhaitez créer un tableau qui doit être placé à un endroit précis dans la conception et qui doit être indépendant du reste de la mise en page.

Conclusion

En conclusion, le plugin Propstar pour Figma est un outil puissant qui peut aider les designers à afficher toutes les variations possibles de leurs composants et ainsi faciliter leur processus de conception. Grâce à ses fonctionnalités, comme la création de tableaux encastrés ou autonomes, il permet de visualiser rapidement toutes les combinaisons de variantes et de propriétés de composants.

Propstar est également facile à utiliser, avec un simple clic pour générer le tableau des instances. Bien qu'il y ait des limitations quant au réordre des propriétés et valeurs dans les variantes, Propstar permet aux designers de gagner du temps et de mieux comprendre les possibilités de leurs composants. Si vous êtes un designer qui utilise Figma, nous vous recommandons vivement d'essayer le plugin Propstar pour améliorer votre flux de travail et faciliter votre processus de conception.

LIENS PRATIQUES

Plugin Figma

Guillaume Hambourger

UI Designer chez ATECNA
PLUS D'ARTICLES

Vous pourriez également être intéressé

Utilisez le plugin "Insert Big Image" pour importer de grandes images depuis FigmaUtilisez le plugin "Insert Big Image" pour importer de grandes images depuis Figma
Le plugin Figma "Insert Big Image" permet d'importer des images de grande taille sans perte de qualité. Il découpe l'image en plusieurs images plus petites, chacune respectant la limite de 4096 pixels de Figma.
Lignes élégantes et connexions intelligentes, maîtrisez le plugin Autoflow dans FigmaLignes élégantes et connexions intelligentes, maîtrisez le plugin Autoflow dans Figma
Le plugin Autoflow pour Figma simplifie la création de connexions entre les frames, offrant des lignes intelligentes, esthétiques, et évitant intelligemment les obstacles. Il est idéal pour les concepteurs d'applications mobiles, d'interfaces web, et d'autres projets de conception.
Utilisez l’ensemble des icons de Google grâce au Plugin Figma “Material Design Icon”Utilisez l’ensemble des icons de Google grâce au Plugin Figma “Material Design Icon”
Le plugin Material Design Icon pour Figma vous permet d'intégrer facilement des icônes Material Design dans vos créations. Il propose une interface intuitive, une large sélection d'icônes, et des fonctionnalités de personnalisation avancées.