Propriétés des Composants

Les propriétés des composants dans Figma permettent la création d'éléments personnalisables au sein des composants, facilitant ainsi la réutilisation et l'adaptation des conceptions à travers les projets. Il existe trois principaux types de propriétés de composants :

1. Propriété d'Échange d'Instance

Cette propriété vous permet d'échanger des composants imbriqués, tels que des icônes, au sein du composant principal. Des icônes ou des valeurs pré-sélectionnées peuvent être ajoutées pour une personnalisation facile.

Pour créer cette propriété :

• Sélectionnez les instances que vous souhaitez échanger.
• Utilisez l'option Créer une Propriété d'Échange d'Instance dans le panneau de conception.

2. Propriété Booléenne

La propriété booléenne permet d'activer ou de désactiver des éléments, comme afficher ou masquer des icônes ou du texte.
Par exemple, une propriété nommée "A une icône à gauche ?" peut contrôler la visibilité d'une icône sur le côté gauche d'un bouton. Cette propriété est ajoutée sous la section Apparence.

3. Propriété de Texte

La propriété de texte vous permet de changer le texte au sein d'un composant directement depuis le panneau de conception.

Pour créer cette propriété :

• Sélectionnez l'élément de texte.
• Utilisez l'icône Appliquer une Propriété ou une Variante dans le coin supérieur droit du panneau de conception pour créer la propriété.

Ces propriétés peuvent être réorganisées dans le panneau de conception pour une meilleure organisation. Les modifications apportées aux propriétés, telles que l'activation ou la désactivation d'une propriété booléenne, ajustent automatiquement d'autres propriétés connexes pour une fonctionnalité transparente. Tester toutes les propriétés en créant une instance du composant garantit l'adaptabilité pour les projets futurs.

Les propriétés des composants améliorent considérablement l'efficacité dans la construction et la gestion de composants réutilisables, tels que les bibliothèques de boutons, économisant du temps et assurant la cohérence du design.