Kursinhalt
Ui/Ux Mit Figma
Ui/Ux Mit Figma
Komponenten
Wiederverwendbare UI-Elemente, die Konsistenz gewährleisten und schnelle Aktualisierungen in Designprojekten ermöglichen. Komponenten können aus Ebenen, Gruppen oder Rahmen erstellt werden.
So erstellen Sie eine Komponente
Wählen Sie einen Rahmen oder ein Element aus, klicken Sie mit der rechten Maustaste und wählen Sie Komponente erstellen oder verwenden Sie die Tastenkombination Strg + Alt + K (Windows) oder Cmd + Option + K (Mac).
Hauptkomponenten
Hauptkomponenten werden im Ebenen-Panel in lila angezeigt und durch ein vierfaches Diamantsymbol identifiziert.
Instanzen
Instanzen sind Duplikate der Hauptkomponente, identifiziert durch ein einfaches Diamantsymbol. Um eine Instanz zu erstellen, ziehen Sie sie aus dem Assets-Panel, duplizieren Sie die Hauptkomponente (Strg/Cmd + D) oder kopieren und fügen Sie sie ein.
Änderungen und Überschreibungen
Änderungen an der Hauptkomponente aktualisieren automatisch alle ihre Instanzen. Überschreibungen, wie Änderungen an Farbe oder Text, betreffen nur die Instanz. Um Überschreibungen zurückzusetzen, klicken Sie mit der rechten Maustaste auf eine Instanz und wählen Sie Alle Änderungen zurücksetzen. Um die Änderungen einer Instanz auf die Hauptkomponente anzuwenden, verwenden Sie Änderungen auf Hauptkomponente übertragen im Design-Panel.
Eine Instanz lösen
Um eine Instanz von ihrer Hauptkomponente zu lösen und eigenständig zu machen, klicken Sie mit der rechten Maustaste und wählen Sie Instanz lösen, gehen Sie zum Design-Panel und wählen Sie Instanz lösen, oder verwenden Sie die Tastenkombination Strg + Alt + B (Windows) oder Cmd + Option + B (Mac).
Eine gelöschte Hauptkomponente wiederherstellen
Wählen Sie eine Instanz aus, gehen Sie zum Design-Panel und klicken Sie auf Komponente wiederherstellen.
Komponenten teilen
Komponenten werden standardmäßig lokal gespeichert. Um sie zu teilen, klicken Sie mit der rechten Maustaste auf eine Hauptkomponente und wählen Sie Ausgewählte Komponenten veröffentlichen, oder verschieben Sie die Komponente in ein Teamprojekt, damit andere darauf zugreifen können.
1. Welche Farbe repräsentiert Master-Komponenten im Ebenen-Panel?
2. Was ist der Zweck des Überschreibens einer Instanz?
Danke für Ihr Feedback!