Komponenteneigenschaften in Figma ermöglichen die Erstellung anpassbarer Elemente innerhalb von Komponenten, wodurch sich Designs einfacher über verschiedene Projekte hinweg wiederverwenden und anpassen lassen. Es gibt drei Haupttypen von Komponenteneigenschaften:

1. Instanztausch-Eigenschaft

Mit dieser Eigenschaft können verschachtelte Komponenten, wie beispielsweise Icons, innerhalb der Hauptkomponente ausgetauscht werden. Vorgewählte Icons oder Werte können für eine einfache Anpassung hinzugefügt werden.

So erstellen Sie diese Eigenschaft:

• Wählen Sie die Instanzen aus, die Sie austauschen möchten.
• Verwenden Sie die Option Instanztausch-Eigenschaft erstellen im Design-Panel.

2. Boolesche Eigenschaft

Die boolesche Eigenschaft ermöglicht das Ein- oder Ausschalten von Elementen, wie das Anzeigen oder Ausblenden von Icons oder Text.
Beispielsweise kann eine Eigenschaft mit dem Namen "Hat linkes Icon?" die Sichtbarkeit eines Icons auf der linken Seite eines Buttons steuern. Diese Eigenschaft wird im Abschnitt Darstellung hinzugefügt.

3. Texteigenschaft

Die Texteigenschaft ermöglicht es, Text innerhalb einer Komponente direkt im Design-Panel zu ändern.

So erstellen Sie diese Eigenschaft:

• Wählen Sie das Textelement aus.
• Verwenden Sie das Symbol Eigenschaft oder Variante anwenden in der oberen rechten Ecke des Design-Panels, um die Eigenschaft zu erstellen.

Diese Eigenschaften können im Design-Panel für eine bessere Organisation neu angeordnet werden. Änderungen an den Eigenschaften, wie das Umschalten einer booleschen Eigenschaft, passen automatisch andere zugehörige Eigenschaften für eine nahtlose Funktionalität an. Das Testen aller Eigenschaften durch das Erstellen einer Instanz der Komponente stellt die Anpassungsfähigkeit für zukünftige Projekte sicher.

Komponenteneigenschaften verbessern die Effizienz beim Erstellen und Verwalten wiederverwendbarer Komponenten, wie z. B. Button-Bibliotheken, erheblich, sparen Zeit und gewährleisten Designkonsistenz.