Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Projekteinrichtung in Figma | Figma-Grundwerkzeuge
UI/UX-Design mit Figma

bookProjekteinrichtung in Figma

Projekte umbenennen

Doppelklicken Sie auf den Projektnamen oben, um ihn umzubenennen. Drücken Sie Enter/Return, um die Änderungen zu speichern.

Wichtige Interface-Komponenten

  • 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 Arbeitsfläche positioniert, enthält dieser Bereich Werkzeuge, die im nächsten Kapitel behandelt werden.

Drop-down-Menü

Über ein Pfeilsymbol zugänglich, enthält dieses Menü:

  • Neues Fenster: Öffnet ein separates Figma-Fenster;
  • Neuer Tab: Ähnlich wie die Schaltfläche "Neu erstellen";
  • Im Browser öffnen: Zeigt das Projekt im Browser an;
  • Datei aus Zwischenablage öffnen: Dateien direkt einfügen und öffnen;
  • Tabs schließen/wiederherstellen: Verwaltung von Figma-Tabs und -Fenstern;
  • Plugins und Interface-Skalierung: Skalierung anpassen (z. B. 110 %) oder Plugins verwalten;
  • Einstellungen: Zugriff auf Einstellungen, Hilfeseiten, Updates und "Über Figma".

UI-Minimieren-Symbol

Blendet die linken und rechten Panels ein oder aus.

Suchsymbol

Schnelles Auffinden von Assets oder Komponenten innerhalb eines Projekts.

Präsentationsmodus

  • Mit dem Präsentieren-Symbol werden Frames in Geräte-Mockups angezeigt (z. B. iPhone, MacBook);
  • Gerät wechseln oder Mockup-Rahmen ein-/ausschalten;
  • Vollbildmodus über eine Schaltfläche in der oberen rechten Ecke aktivieren.

Freigabeoptionen

  • Mit der Teilen-Schaltfläche Dateien per Link, E-Mail-Einladung oder durch Kopieren von Entwickler-/Prototyp-Links teilen;
  • Berechtigungen (Ansehen/Bearbeiten) festlegen und Optionen zum Veröffentlichen in der Community oder zum Abrufen von Einbettungscode nutzen.

Dateiverwaltung

Projekte suchen und filtern nach:

  • Dateityp: Design-Dateien, FigJam-Boards, Präsentationen;
  • Ersteller, Organisation oder Ordner.

Anzeigeoptionen

  • Auswahl 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. Was bewirkt im Präsentationsmodus die Option "Geräterahmen anzeigen"?

question mark

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

Select the correct answer

question mark

Was bewirkt im Präsentationsmodus die Option "Geräterahmen anzeigen"?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 3

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you explain more about the design panel and its features?

How do I use the presentation mode for different devices?

What are the different sharing options and permissions in Figma?

Awesome!

Completion rate improved to 2.78

bookProjekteinrichtung in Figma

Swipe um das Menü anzuzeigen

Projekte umbenennen

Doppelklicken Sie auf den Projektnamen oben, um ihn umzubenennen. Drücken Sie Enter/Return, um die Änderungen zu speichern.

Wichtige Interface-Komponenten

  • 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 Arbeitsfläche positioniert, enthält dieser Bereich Werkzeuge, die im nächsten Kapitel behandelt werden.

Drop-down-Menü

Über ein Pfeilsymbol zugänglich, enthält dieses Menü:

  • Neues Fenster: Öffnet ein separates Figma-Fenster;
  • Neuer Tab: Ähnlich wie die Schaltfläche "Neu erstellen";
  • Im Browser öffnen: Zeigt das Projekt im Browser an;
  • Datei aus Zwischenablage öffnen: Dateien direkt einfügen und öffnen;
  • Tabs schließen/wiederherstellen: Verwaltung von Figma-Tabs und -Fenstern;
  • Plugins und Interface-Skalierung: Skalierung anpassen (z. B. 110 %) oder Plugins verwalten;
  • Einstellungen: Zugriff auf Einstellungen, Hilfeseiten, Updates und "Über Figma".

UI-Minimieren-Symbol

Blendet die linken und rechten Panels ein oder aus.

Suchsymbol

Schnelles Auffinden von Assets oder Komponenten innerhalb eines Projekts.

Präsentationsmodus

  • Mit dem Präsentieren-Symbol werden Frames in Geräte-Mockups angezeigt (z. B. iPhone, MacBook);
  • Gerät wechseln oder Mockup-Rahmen ein-/ausschalten;
  • Vollbildmodus über eine Schaltfläche in der oberen rechten Ecke aktivieren.

Freigabeoptionen

  • Mit der Teilen-Schaltfläche Dateien per Link, E-Mail-Einladung oder durch Kopieren von Entwickler-/Prototyp-Links teilen;
  • Berechtigungen (Ansehen/Bearbeiten) festlegen und Optionen zum Veröffentlichen in der Community oder zum Abrufen von Einbettungscode nutzen.

Dateiverwaltung

Projekte suchen und filtern nach:

  • Dateityp: Design-Dateien, FigJam-Boards, Präsentationen;
  • Ersteller, Organisation oder Ordner.

Anzeigeoptionen

  • Auswahl 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. Was bewirkt im Präsentationsmodus die Option "Geräterahmen anzeigen"?

question mark

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

Select the correct answer

question mark

Was bewirkt im Präsentationsmodus die Option "Geräterahmen anzeigen"?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 3
some-alt