Kursinhalt
Ui/Ux Mit Figma
Ui/Ux Mit Figma
1. Figma-Grundwerkzeuge
2. Erstellen und Organisieren von Objekten
Projekteinrichtung
Projekte umbenennen
Doppelklicken Sie auf den Projektnamen oben, um ihn umzubenennen. Drücken Sie Enter/Return, um die Änderungen zu speichern.
Wichtige Schnittstellenkomponenten
-
Seiten und Ebenen: befinden sich links und dienen zur Organisation von Inhalten;
-
Design-Panel: rechts zu finden, enthält dieses Panel Einstellungen für Design-, Prototyping- und Animations-Workflows;
-
Werkzeugleiste: Unterhalb der Leinwand positioniert, enthält dieser Abschnitt Werkzeuge, die im nächsten Kapitel besprochen werden.
Dropdown-Menü
Über ein Pfeilsymbol zugänglich, enthält dieses Menü:
- Neues Fenster: öffnet ein separates Figma-Fenster;
- Neuer Tab: ähnlich der Schaltfläche "Neu erstellen";
- Im Browser öffnen: Projekt im Browser anzeigen;
- Datei aus Zwischenablage öffnen: Dateien direkt einfügen und öffnen;
- Tabs schließen/wieder öffnen: Figma-Tabs und -Fenster verwalten;
- Plugins und Schnittstellenskalierung: Skalierung anpassen (z.B. 110%) oder Plugins verwalten;
- Einstellungen: Zugriff auf Einstellungen, Hilfeführer, Updates und "Über Figma".
UI-Symbol minimieren
Schaltet die Sichtbarkeit der linken und rechten Panels um.
Suchsymbol
Schnelles Finden von Assets oder Komponenten innerhalb eines Projekts.
Präsentationsmodus
- Verwenden Sie das Präsentationssymbol, um Frames in Geräte-Mockups anzuzeigen (z.B. iPhone, MacBook);
- Ändern Sie das Gerät oder schalten Sie den Mockup-Rahmen ein/aus;
- Vollbildmodus über eine Schaltfläche in der oberen rechten Ecke aktivieren.
Freigabeoptionen
- Verwenden Sie die Teilen-Schaltfläche, um Dateien über Links, E-Mail-Einladungen oder durch Kopieren von Entwickler-/Prototyp-Links zu teilen;
- Berechtigungen (Ansehen/Bearbeiten) festlegen und Zugriffsoptionen zum Veröffentlichen in der Community oder zum Abrufen von Einbettungscode.
Dateiverwaltung
Projekte suchen und filtern nach:
- Dateityp: Design-Dateien, FigJam-Boards, Folien;
- Ersteller, Organisation oder Ordner.
Anzeigeoptionen
- Wählen Sie zwischen Raster-/Miniaturansicht oder Listenansicht;
- Sortierung nach Name, Erstellungsdatum (älteste/neuste).
1. Welche zusätzliche Funktion bietet die Desktop-Version von Figma im Vergleich zur Browser-Version?
2. Im Präsentationsmodus, was bewirkt die Option "Geräterahmen anzeigen"?
War alles klar?
Danke für Ihr Feedback!
Abschnitt 1. Kapitel 3