Bevor du anfängst

Wer kann diese Funktion verwenden?

Nutzer*innen in jedem Abo

Alle Nutzer*innen mit Schreibzugriff auf die Figma-Design-Datei können Komponenteneigenschaften erstellen, verwalten und verwenden.

Dieser Artikel beschreibt, wie man Komponenten-Eigenschaften erstellt und konfiguriert. Erfahren Sie, wie Sie Instanzen mit Komponenten-Eigenschaften bearbeiten können.

Komponenteneigenschaften sind die veränderbaren Aspekte einer Komponente. Damit kannst du mitteilen, welche Teile einer Komponente geändert werden können, beispielsweise:

Welche Ebenen in einer Komponente können ausgeblendet oder angezeigt werden?
Ob eine Instanz ausgetauscht werden kann und welche Instanzen bevorzugt ausgetauscht werden sollen
Welche Zeichenfolgen geändert werden können

Komponenteneigenschaften werden erstellt und auf Hauptkomponenten und Komponentensätze angewendet, um Teile eines Designsystems festzulegen und die Verwendung von Designsystemen zu vereinfachen.

Alle Personen, die eine Komponente mit Komponenteneigenschaften verwenden, können einen einzigen Satz konsolidierter Steuerelemente in der rechten Seitenleiste anzeigen. So können sie auf einen Blick alle veränderbaren Elemente erkennen und die Änderungen an einem Ort vornehmen.

Dadurch wird der Zeitaufwand für das Nachschlagen in der Dokumentation reduziert, die genaue Verwendung von Komponenten und Designsystemen verbessert und die Notwendigkeit, einzelne Ebenen auszuwählen und zu überschreiben, verringert.

Lerne die Komponenten-Eigenschaften in der Figma Community spielerisch kennen.

Arten von Komponenteneigenschaften

Die Komponenten-Eigenschaften sind mit verschiedenen Design-Eigenschaften verknüpft. Du kannst Komponenten-Eigenschaften für jede Hauptkomponente oder Varianten eines Komponentensets erstellen und sie auf verschachtelte Ebenen der Komponente oder Variante anwenden.

Es gibt verschiedene Arten von Komponenteneigenschaften:

Typ der Komponenten-Eigenschaft	Verwende dies, um ...
Boolesche Eigenschaft	Gib an, welche Ebenen ihre Ebenensichtbarkeit ein- oder ausschalten können, wie ein Icon auf einer Schaltfläche.
Instanzentausch-Eigenschaft	Gib an, welche Instanzen ausgetauscht werden können; lege bevorzugte Instanzen fest, zu denen ausgetauscht werden soll.
Texteigenschaft	Gib an, welcher Textinhalt geändert werden kann.
Varianteneigenschaft	Definiere die verschiedenen Variationen einer Komponente, z.B. ihre unterschiedlichen Zustände, Größen oder Farben.

Tipp: Kommuniziere die beabsichtigte Nutzung einer Komponente, indem du Beschreibungen und Links zur Dokumentation hinzufügst. Eine Dokumentation hilft, den richtigen Einsatz, die Nutzung von Varianten und Zuständen sowie die Anforderungen an Barrierefreiheit und Kontrast zu leiten, für diejenigen, die dein Designsystem nutzen. Erfahre, wie du eine Dokumentation zu Designassets hinzufügst.

Erstellen und Anwenden von Komponenten-Eigenschaften

Boolesche Eigenschaft

Mit Boolean-Eigenschaften kannst du True/False-Werte setzen, mit denen du ein Attribut ein- oder ausschalten kannst. Wenn ein Designsystem z. B. Schaltflächen mit und ohne Symbol enthält, kannst du, anstatt für jeden Zustand Varianten zu erstellen, eine Boolean-Eigenschaft auf die Ebenensichtbarkeit des Symbols anwenden.

Derzeit unterstützen Boolean-Eigenschaften nur die Sichtbarkeit von Ebenen.

Erstelle eine Boolean-Eigenschaft

Wenn eine Boolean-Eigenschaft für die Sichtbarkeit von Ebenen erstellt wird, bedeutet ein Wert, der auf false gesetzt ist, dass die Ebene verborgen wird. Wird auf true umgeschaltet, wird die Ebene sichtbar sein.

Wähle eine Hauptkomponente oder einen Komponentensatz aus.
In der rechten Seitenleiste klicke auf im Abschnitt Eigenschaften und wähle Boolean aus der Dropdown-Liste aus.
Verwende in der Ansicht Komponenten-Eigenschaft erstellen die Felder und Dropdown-Menüs, um die Eigenschaft zu konfigurieren.
- Gib deiner Eigenschaft im Textfeld einen Namen.
- Lege den Standardwert auf True oder False fest. Du kannst auch auf Variable anwenden klicken, um bei Bedarf eine vorhandene Boolean-Variable anzuwenden.
Klicke auf Eigenschaft erstellen.

Wende eine Boolean-Eigenschaft auf eine Komponente an

Warnung: Bevor du Boolean-Eigenschaften auf Komponenten anwendest, ist es wichtig, den Bedarf an interaktiven Komponenten oder Prototyping-Verbindungen zu berücksichtigen. Prototyping-Linien müssen eine Verbindung zwischen zwei Objekten herstellen. Wenn du zwei Komponenten verbindest und sie mit Boolean-Eigenschaften zusammenführst, gehen die Prototyping-Verbindungen verloren.

Nehmen wir etwa an, du hast eine boolesche Eigenschaft auf ein Symbol in einer Schaltflächenkomponente angewendet, um zwei Zustände darzustellen: eine Schaltfläche mit einem Symbol und eine ohne. Es ist nicht möglich, eine Interaktion zwischen diesen beiden Zuständen einzurichten, weil du nur eine Komponente verwendest. Prototyp-Interaktionen müssen zwischen zwei verschiedenen Objekten stattfinden.

Wähle eine Ebene aus, die in einer Hauptkomponente oder Variante eingebettet ist.
Wenn du mit Varianten arbeitest, kannst du auf klicken, um die Mehrfachbearbeitung zu aktivieren, sodass passende Objekte bearbeitet werden können und du deinen Workflow beschleunigen kannst. Erfahre, wie du Varianten mehrfach bearbeiten kannst.
Suche im rechten Seitenbereich den Abschnitt Darstellung und klicke auf das Variable/Eigenschaft anwenden-Icon.
Wähle eine Boolean-Eigenschaft aus der Liste aus. Nach der Anwendung siehst du im rechten Seitenbereich eine lila Kapsel mit dem Eigenschaftsnamen.

Tipp: Du kannst eine Boolean-Eigenschaft von jeder verschachtelten Ebene in einer Hauptkomponente oder einer Hauptvarianten erstellen und anwenden. Wähle die verschachtelte Ebene aus und suche den Abschnitt Darstellung, klicke dann auf das Eigenschaft anwenden-Icon. Sobald du die Eigenschaft erstellt hast, wird sie auf die ausgewählte Ebene angewendet.

Instanzentausch-Eigenschaft

Die Eigenschaft zum Austauschen von Instanzen ermöglicht es dir, anzugeben, welche Instanzen, die in einer Hauptkomponente oder Variante verschachtelt sind, ausgetauscht werden können.

Beim Erstellen einer Instanzaustausch-Eigenschaft können Sie eine Standardinstanz mithilfe einer beliebigen im Dokument erstellten Komponente oder aus Bibliotheken, die zum Dokument hinzugefügt wurden, einrichten. Du kannst auch bevorzugte Instanzen festlegen, damit andere wissen, zu welchen Instanzen sie wechseln können. Erfahre, wie du Komponenten mit der Instanz-Austausch-Eigenschaft tauschst.

Erstelle eine Instanzaustausch-Eigenschaft

Wähle eine Hauptkomponente oder einen Komponentensatz aus.
Klicke in der rechten Seitenleiste auf den Abschnitt Eigenschaft und wähle Instanzaustausch aus der Dropdown-Liste aus.
Verwende in der Ansicht Komponenten-Eigenschaft erstellen die Felder und Dropdown-Menüs, um die Eigenschaft zu konfigurieren.
- Gib deiner Eigenschaft im Textfeld einen Namen.
- Lege den Standardwert fest, indem du das Dropdown-Menü verwendest, um eine Instanz aus Komponenten, die in der Datei erstellt wurden, oder aus Bibliotheken, die der Datei hinzugefügt wurden, auszuwählen.
- Richte bei Bedarf bevorzugte Instanzen ein, damit andere wissen, welche Komponenten sie beim Austauschen der Instanz auswählen sollten.
Klicke auf Eigenschaft erstellen.

Wende eine Instanzaustausch-Eigenschaft auf eine Komponente an.

Wähle eine Instanz aus, die in einer Hauptkomponente oder Variante eingebettet ist.
Wenn du mit Varianten arbeitest, kannst du auf klicken, um die Mehrfachbearbeitung zu aktivieren, sodass passende Objekte bearbeitet werden können und du deinen Workflow beschleunigen kannst. Erfahre, wie du Varianten mehrfach bearbeiten kannst.
Klicke oben in der rechten Seitenleiste auf Eigenschaft für Instanzaustausch anwenden.
Wähle eine Instanzeigenschaft aus der Liste aus. Nach der Anwendung siehst du im rechten Seitenbereich eine lila Kapsel mit dem Eigenschaftsnamen.

Tipp: Du kannst eine Instanzaustausch-Eigenschaft aus jeder Instanz erstellen und anwenden, die in einer Hauptkomponente oder Hauptvariante verschachtelt ist. Wähle die verschachtelte Instanz aus und klicke oben in der rechten Seitenleiste auf Instanzaustausch-Eigenschaft anwenden/erstellen. Sobald du die Eigenschaft erstellt hast, wird sie auf die ausgewählte Ebene angewendet.

Bevorzugte Werte auswählen

Mit bevorzugten Werten kannst du eine ausgewählte Komponentengruppe erstellen, aus der du beim Instanzentausch (über die Instanzentausch-Eigenschaft) auswählen kannst. So wird Herumprobieren vermieden, indem du siehst, welche bestimmten Komponenten eine bestehende ersetzen können.

Du erstellst zum Beispiel eine Symbolschaltfläche mit einer Instanzentausch-Eigenschaft, um anzugeben, dass das Symbol ausgetauscht werden kann. Deine Symbolbibliothek enthält jedoch über 100 Symbole, aber nur 8 davon sollen für diese Schaltfläche verwendet werden.

Damit du diese 8 Symbole leicht finden kannst und weißt, welches davon verwendet werden kann, fügst du sie als bevorzugte Werte hinzu. Wenn die Designer*innen nun das Symbol austauschen wollen, haben sie eine Liste von Assets, von denen sie wissen, dass sie sie verwenden können.

Wenn du eine Komponente mit einem bevorzugten Wert verwendest, wird beim Öffnen des Instanzentausch-Eigenschaftsmenüs standardmäßig eine Liste der bevorzugten Werte angezeigt.

Hinweis: Wenn du keinen bevorzugten Wert verwenden möchtest, klicke auf das Dropdown-Menü oder benutze die Suchleiste über der Liste, um andere verfügbare Komponenten zu finden.

Um bevorzugte Werte für eine Instanz hinzuzufügen:

Beginne mit der Bearbeitung der vorhandenen Instanzentausch-Eigenschaft oder erstelle eine neue.
Klicke in den jeweiligen Ansichten im Abschnitt Bevorzugte Werte auf und markiere die Kontrollkästchen neben den Instanzen, die du als bevorzugte Werte einbeziehen möchtest.

Um einen bevorzugten Wert zu entfernen, klicke auf neben dem Wert im Abschnitt Bevorzugte Werte der Ansicht.

Texteigenschaft

Verwende Texteigenschaften, um anzugeben, welcher Textinhalt in einer Komponente bearbeitet werden kann. Der Textinhalt kann entweder über das rechte Panel oder auf der Arbeitsfläche bearbeitet werden.

Hinweis: Text-Komponenten-Eigenschaften unterstützen derzeit keinen Rich-Text – wie Listen-Stile, Hochstellen und andere Schrifteinstellungen. Du kannst diese Einstellungen weiterhin auf die Text-Ebene anwenden, aber ihre Formate werden im Komponenten-Eigenschaftsbereich des rechten Panels nicht angezeigt.

Wenn die Text-Ebene einen Aufzählungs- oder Nummerierungsstil enthält, wird durch Ändern der Textzeichenfolge im rechten Bereich der Listenstil entfernt. Um ihn zu erhalten, aktualisiere die Zeichenfolge stattdessen auf der Arbeitsfläche.

Erstelle eine Texteigenschaft

Wähle eine Hauptkomponente oder einen Komponentensatz aus.
Klicke auf im Abschnitt Eigenschaften der rechten Seitenleiste und wähle Text aus der Dropdown-Liste aus.
Verwende in der Ansicht Komponenteneigenschaft erstellen die Felder, um die Eigenschaft zu konfigurieren.
- Gib deiner Eigenschaft im Textfeld einen Namen.
- Lege die Standard-Textzeichenfolge mithilfe des Textfelds Wert fest. Sie können auch auf Variable anwenden klicken, um bei Bedarf eine vorhandene Zeichenfolgenvariable anzuwenden.
Klicke auf Eigenschaft erstellen.

Wende eine Texteigenschaft auf eine Komponente an.

Wähle eine Text-Ebene aus, die in einer Hauptkomponente oder Variante eingebettet ist.
Hover im Text-Bereich oben in der rechten Seitenleiste über das Textfeld und klicke auf Variable/Eigenschaft anwenden.
Wähle eine Texteigenschaft aus der Liste aus.

Tipp: Du kannst eine Texteigenschaft aus jeder Textebene erstellen und anwenden, die in einer Hauptkomponente oder Hauptvariante verschachtelt ist.

Mit der ausgewählten verschachtelten Textebene findest du das Textfeld im Text-Abschnitt der rechten Seitenleiste.
Hover über das Textfeld und klicke auf Variable/Eigenschaft anwenden.
Klicke im Menü auf Variable/Eigenschaft erstellen.
Wähle in der Dropdown-Liste Erstellen die Option Eigenschaft aus. Gib der Eigenschaft dann einen Namen und einen Standardwert.
Klicke auf Eigenschaft erstellen. Sobald du die Eigenschaft erstellt hast, wird sie auf die ausgewählte Ebene angewendet.

Varianteneigenschaft

Eine Variante ist eine einzelne Komponente innerhalb einer Komponentengruppe.

Mit einer Varianteneigenschaft kannst du die Attribute deiner Varianten festlegen, z. B. Zustand, Farbe oder Größe.

Ein Komponenten-Set enthält mehrere Varianten, und die Varianten haben Attribute, die durch Varianten-Eigenschaften definiert werden können. Varianten-Eigenschaften sind spezifisch für Varianten und Komponentensätze und können nicht auf Hauptkomponenten erstellt oder angewendet werden.

Erfahre, wie du Varianten und Komponentensätze erstellst.

Im folgenden Beispiel sehen wir eine Schaltflächenkomponentebgruppe mit vier Varianten. Sie hat zwei Varianteneigenschaften: Größe und Farbe. Die Größenwerte umfassen klein und groß, die Farbwerte grün und rot.

Hinweis: Wir empfehlen, dein bestehendes Designsystem zu überprüfen, bevor du Komponenteneigenschaften einführst. Auf diese Weise kannst du entscheiden, welche Aspekte du als Komponenteneigenschaften angeben kannst und welche Varianten sein müssen.

Wechsel zu einer anderen Komponenten-Eigenschaft.

Wenn eine Ebene eine Komponenteneigenschaft aufweist, kannst du diese jederzeit in eine andere ändern.

In der rechten Seitenleiste findest du den entsprechenden Abschnitt für die zu ändernde Komponenten-Eigenschaft.
- Eigenschaft zum Instanztausch: Oben in der rechten Seitenleiste.
- Texteigenschaft: Oben in der rechten Seitenleiste des Text-Abschnitts.
- Boolean-Eigenschaft: Der Erscheinungsbild -Abschnitt.
Klicke auf die lila Pille.
Wähle eine vorhandene Eigenschaft des gleichen Typs aus.

Komponenteneigenschaft anpassen

Ändere den Standardwert

Ändere den Standardwert einer Instanzentausch-, Text- und Boolesche Eigenschaft.

Wähle Komponentensatz oder Hauptkomponente aus.
Klicke auf neben der Varianten-Eigenschaft, um die Eigenschaft zu bearbeiten.
Verwende das Textfeld oder das Dropdown-Menü im Abschnitt Wert, um den Standardwert zu aktualisieren.

Die Aktualisierung des Standardwerts wird auf der Arbeitsfläche angezeigt, wenn auf die zugehörige Instanzebene keine Eigenschaftenüberschreibungen angewendet wurden.

Hinweis: Der Standardwert einer Varianteneigenschaft wird durch die Variante in der oberen linken Ecke eines Komponentensatzes bestimmt. Erfahre, wie du die Standardvariante eines Komponentensatzes ändern kannst.

Verschachtelte Instanzen aufdecken

Decke bestimmte verschachtelte Instanzen auf, um ihre Komponenteneigenschaften zusammen mit denen der obersten Instanz anzuzeigen. Auf diese Weise können Nutzer*innen des Designsystems verschachtelte Instanzen und ihre Komponenteneigenschaften sehen, ohne dass sie dafür durch einzelne Ebenen navigieren müssen.

Du erstellst z. B. eine Social-Media-Kartenkomponente mit mehreren darin eingebetteten Komponenten – einem Avatar, einem Namen, Schaltflächen und so weiter. Dazu musst du das Symbol der Standardschaltfläche in ein „Senden“-Symbol ändern und den Text ändern. Außerdem musst du den Status der Schaltfläche „Abbrechen“ in einen deaktivierten Status ändern.

Anstatt jede einzelne Ebene auszuwählen, um die Steuerelemente für die Komponenteneigenschaften zu finden, kannst du durch das Aufdecken eingebetteter Instanzen nur auf die oberste Komponente – in diesem Fall die Social-Media-Karte – klicken und deine Instanz von einer einzigen Stelle aus bearbeiten.

Wenn du eine oberste Instanz mit exponierten eingebetteten Instanzen auswählst, wird in der rechten Seitenleiste eine Liste der Komponenteneigenschaften für die oberste und die eingebetteten Instanzen angezeigt.

Wenn du den Mauszeiger über eine Eigenschaftszeile bewegst, wird das entsprechende Objekt auf der Arbeitsfläche lila hervorgehoben, damit du weißt, was du gerade bearbeitest.

Hinweis: Wenn du eine aufgedeckte eingebettete Instanz hast, deren Sichtbarkeit für eine boolesche Eigenschaft auf „Ausgeblendet“ gesetzt ist, werden alle Komponenteneigenschaften, die mit der Instanz verbunden sind, ebenfalls ausgeblendet.

Auswahl der aufzudeckenden verschachtelten Instanzen

Wenn eine Hauptkomponente oder ein Komponentensatz ausgewählt ist, klicke auf der rechten Seitenleiste im Abschnitt Eigenschaften auf und wähle unter Eigenschaften aufdecken die Option Eingebettete Instanzen aus.

Hinweis:Die Option, verschachtelte Instanzen aufzudecken, ist nur verfügbar, wenn eine Hauptkomponente:

bereits über eine aufgedeckte verschachtelte Instanz verfügt, oder
verschachtelte Instanzen mit darauf angewendeten Komponenteneigenschaften enthält

Wenn die Option Nested instances (Verschachtelte Instanzen) nicht angezeigt wird, versuche zuerst, eine Komponenteneigenschaft auf eine verschachtelte Komponente anzuwenden.

Markiere in der Ansicht Eingebettete Instanzen aufdecken die Kontrollkästchen der Instanzen, die du auf der obersten Ebene einblenden möchtest.

Eine Liste der ausgewählten eingebetteten Instanzen wird in der rechten Seitenleiste angezeigt.

Um verschachtelte Instanzen aus der Liste zu entfernen, bewege den Mauszeiger über den Instanznamen in dieser Liste und klicke auf .

Instanzen vereinfachen

Die Vereinfachung einer Instanz trägt dazu bei, das Durcheinander im Ebenen- und Eigenschaftsfensterbereich zu reduzieren, indem Ebenen ohne angewendete Komponenteneigenschaften ausgeblendet werden. Figma geht davon aus, dass eine Ebene ohne Komponenteneigenschaft eine Ebene ist, die nicht bearbeitet werden soll und daher ausgeblendet werden kann.

Hinweis: Bei vereinfachten Instanzen werden bestimmte Ebenennamen ausgeblendet, aber jeder mit Schreibzugriff auf die Datei kann die Ebenen trotzdem bearbeiten.

Um eine Instanz zu vereinfachen, wähle eine Hauptkomponente oder einen Komponentensatz aus und klickein der rechten Seitenleiste auf Komponentenkonfiguration. Markiere im Popup-Fenster das Kontrollkästchen Alle Instanzen vereinfachen.

Wenn du eine Instanz einer vereinfachten Komponente verwendest, werden überschüssige Ebenen unter See all layers (Alle Ebenen anzeigen) ausgeblendet. Klicke auf See all layers, um die Ebenen anzuzeigen. Du kannst sie wieder ausblenden, indem du außerhalb des Ebenen-Tabs klickst oder eine andere Ebene auswählst.

Komponenteneigenschaft verwalten

Nachdem du Komponenteneigenschaften und ihre Werte erstellt hast, kannst du diese jederzeit verwalten. Umbenennen, neu anordnen, löschen, Standardwerte ändern und vieles mehr.

Hinweis: Wenn du neue oder aktualisierte Komponenten in verschiedenen Dateien verwenden möchtest, musst du sie in der Teambibliothek veröffentlichen. Dadurch kannst du sie mit anderen teilen oder in anderen Dateien oder Projekten verwenden. Lerne, wie du in der Teambibliothek veröffentlichst.

Eigenschaft entfernen

Entferne Text, Instanzentausch oder Boolesche Eigenschaften von einer Ebene.

Wähle eine eingebettete Ebene mit angewendeter Komponenteneigenschaft aus.
Klicke im rechten Seitenleisten-Panel neben der Eigenschaft, die du entlinken möchtest, auf .

Dadurch wird die Komponenteneigenschaft aus der Ebene entfernt, die Komponenteneigenschaft wird jedoch nicht gelöscht.

Hinweis: Es ist nicht möglich, eine Varianten-Eigenschaft von einer eingebetteten Ebene zu lösen.

Umbenennen, neu anordnen oder löschen

Eigenschaften

Um eine vorhandene Komponenteneigenschaft umzubenennen, neu anzuordnen oder zu löschen:

Wähle die Hauptkomponente oder den Komponentensatz aus.
Im Abschnitt Eigenschaften in der rechten Seitenleiste:
- Umbenennen: Doppelklicke auf den Namen einer Eigenschaft. Gib einen neuen Namen ein und drücke die Eingabetaste / Enter oder klicke außerhalb des Felds, um es anzuwenden.
- Neu anordnen: Bewege den Mauszeiger über eine Eigenschaft, um Ziehpunkte anzuzeigen. Klicke und ziehe, um die Reihenfolge zu ändern, und lass dann los, um die Reihenfolge anzuwenden.
  
  Varianteneigenschaften werden in der rechten Seitenleiste immer über anderen Eigenschaftstypen angezeigt. Eine Neuanordnung mit anderen Varianteneigenschaften ist möglich, jedoch nicht mit anderen Eigenschaftstypen.
- Löschen: Klicke mit der rechten Maustaste auf eine Eigenschaft und klicke auf Eigenschaft löschen. Oder wähle eine Eigenschaft aus und drücke auf Löschen.
  
  Wenn dein Komponentenset oder deine Hauptkomponente nur eine Varianteneigenschaft enthält, wird beim Löschen der Eigenschaft das gesamte Komponentenset oder die Hauptkomponente gelöscht.

Werte

So änderst oder ordnest du die Werte einer Varianteneigenschaft neu an:

Wähle Komponentensatz oder Hauptkomponente aus.
Klicke auf neben der Varianten-Eigenschaft, um die Eigenschaft zu bearbeiten.
- Veränderung: Verwende im Abschnitt Werte die Textfelder, um die Werte zu ändern oder zu aktualisieren.
- Neu anordnen: Bewege den Mauszeiger über einen Wert, um die Ziehpunkte anzuzeigen. Klicke und ziehe, um die Reihenfolge zu ändern.

Komponenten-Testumgebung im Dev Mode

Wenn du eine Komponente oder eine Instanz im Dev Mode auswählst, erhältst du eine Komponentenvorschau, einen Link zur Hauptkomponente sowie alle Links zur relevanten Dokumentation und zu relevanten Entwickler-Ressourcen.

Der Komponenten-Testumgebung wird im Inspektionsfenster angezeigt, wenn eine Komponenteninstanz ausgewählt ist. Nutze die Testumgebung, um mit den unterschiedlichen Eigenschaften der Komponente zu experimentieren, ohne das eigentliche Design zu verändern. So öffnest du die Komponenten-Testumgebung im Dev Mode:

Wähle eine Komponenteninstanz auf der Arbeitsfläche aus.
Klicke im Inspektionsfenster auf In der Testumgebung öffnen.

Erfahre mehr über die Verwendung des Dev Mode zur Überprüfung von Designs.