Komponenteneigenschaften

Komponenteneigenschaften in Figma ermöglichen die Erstellung anpassbarer Elemente innerhalb von Komponenten, was die Wiederverwendung und Anpassung von Designs über Projekte hinweg erleichtert. Es gibt drei Haupttypen von Komponenteneigenschaften:

1. Instanz-Austausch-Eigenschaft

Diese Eigenschaft ermöglicht es Ihnen, verschachtelte Komponenten, wie z.B. Symbole, innerhalb der Hauptkomponente auszutauschen. Vorgewählte Symbole oder Werte können für eine einfache Anpassung hinzugefügt werden.

Um diese Eigenschaft zu erstellen:

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

2. Boolesche Eigenschaft

Die boolesche Eigenschaft ermöglicht das Umschalten von Elementen ein- oder auszuschalten, wie z.B. das Anzeigen oder Verbergen von Symbolen oder Text.
Zum Beispiel kann eine Eigenschaft namens "Hat linkes Symbol?" die Sichtbarkeit eines Symbols auf der linken Seite eines Buttons steuern. Diese Eigenschaft wird im Abschnitt Erscheinungsbild hinzugefügt.

3. Texteigenschaft

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

Um diese Eigenschaft zu erstellen:

• 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 zur besseren Organisation neu geordnet werden. Änderungen an den Eigenschaften, wie das Umschalten einer booleschen Eigenschaft, passen automatisch andere verwandte Eigenschaften für eine nahtlose Funktionalität an. Das Testen aller Eigenschaften durch 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 Konsistenz im Design.