Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Komponenten | Erstellen von Visuals
Ui/Ux Mit Figma
course content

Kursinhalt

Ui/Ux Mit Figma

Ui/Ux Mit Figma

1. Figma-Grundwerkzeuge
2. Erstellen und Organisieren von Objekten
3. Erstellen von Visuals
4. Prototyping
5. Arbeit Einreichen

book
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?

Welche Farbe repräsentiert Master-Komponenten im Ebenen-Panel?

Welche Farbe repräsentiert Master-Komponenten im Ebenen-Panel?

Wählen Sie die richtige Antwort aus

Was ist der Zweck des Überschreibens einer Instanz?

Was ist der Zweck des Überschreibens einer Instanz?

Wählen Sie die richtige Antwort aus

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 6
We're sorry to hear that something went wrong. What happened?
some-alt