Wiederverwendbare UI-Elemente, die Konsistenz gewährleisten und schnelle Aktualisierungen in Designprojekten ermöglichen. Komponenten können aus Ebenen, Gruppen oder Frames erstellt werden.

Komponente erstellen

Wähle einen Frame oder ein Element aus, klicke mit der rechten Maustaste und wähle Komponente erstellen oder verwende die Tastenkombination Ctrl + Alt + K (Windows) bzw. Cmd + Option + K (Mac).

Hauptkomponenten

Hauptkomponenten werden im Ebenen-Panel in Lila angezeigt und durch ein vierfaches Diamant-Symbol gekennzeichnet.

Instanzen

Instanzen sind Duplikate der Hauptkomponente und werden durch ein einzelnes Diamant-Symbol gekennzeichnet. Um eine Instanz zu erstellen, ziehe sie aus dem Assets-Panel, dupliziere die Hauptkomponente (Ctrl/Cmd + D) oder kopiere und füge sie ein.

Änderungen und Überschreibungen

Änderungen an der Hauptkomponente aktualisieren automatisch alle Instanzen. Überschreibungen, wie Farb- oder Textänderungen, betreffen nur die jeweilige Instanz. Um Überschreibungen zurückzusetzen, klicke mit der rechten Maustaste auf eine Instanz und wähle Alle Änderungen zurücksetzen. Um die Änderungen einer Instanz auf die Hauptkomponente anzuwenden, verwende Änderungen auf Hauptkomponente anwenden im Design-Panel.

Instanz lösen

Um eine Instanz von ihrer Hauptkomponente zu lösen und eigenständig zu machen, klicke mit der rechten Maustaste und wähle Instanz lösen, gehe ins Design-Panel und wähle Instanz lösen oder verwende die Tastenkombination Ctrl + Alt + B (Windows) bzw. Cmd + Option + B (Mac).

Gelöschte Hauptkomponente wiederherstellen

Wähle eine Instanz aus, gehe ins Design-Panel und klicke auf Komponente wiederherstellen.

Komponenten teilen

Komponenten werden standardmäßig lokal gespeichert. Um sie zu teilen, klicke mit der rechten Maustaste auf eine Hauptkomponente und wähle Ausgewählte Komponenten veröffentlichen oder verschiebe die Komponente in ein Teamprojekt, damit andere darauf zugreifen können.