Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Projekteinrichtung | Figma-Grundwerkzeuge
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
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"?

Welche zusätzliche Funktion bietet die Desktop-Version von Figma im Vergleich zur Browser-Version?

Welche zusätzliche Funktion bietet die Desktop-Version von Figma im Vergleich zur Browser-Version?

Wählen Sie die richtige Antwort aus

Im Präsentationsmodus, was bewirkt die Option "Geräterahmen anzeigen"?

Im Präsentationsmodus, was bewirkt die Option "Geräterahmen anzeigen"?

Wählen Sie die richtige Antwort aus

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

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