Was sind Designdateien?

Designdateien stellen dir die Tools zur Verfügung, die du benötigst, um deine Designs zu erstellen, zu teilen und zu testen. Designdateien sind bei Designer*innen, Produktmanager*innen, Texter*innen und Entwickler*innen besonders beliebt. Sie können aber von allen Personen genutzt werden, die visuell gestalten oder kommunizieren wollen.

Erstelle Designdateien, um spezifische Probleme anzugehen, oder um den gesamten Designprozess zu verwalten. Du kannst deine Ideen selbst skizzieren oder sie mit anderen teilen, um gemeinsam kreativ zu sein und Feedback zu erhalten.

Figma-Dateien sind immer in Echtzeit verfügbar und sind stets aktuell, sodass mehrere Personen gleichzeitig an derselben Datei arbeiten können. Mit einer Live-Datei sind alle auf dem gleichen Stand, ohne Dokumente speichern, herunterladen oder hin- und herschicken zu müssen.

Jede Datei verfügt über eine eigene Versionsgeschichte, mit der du die Entwicklung deiner Designs nachverfolgen kannst. Hier kannst du Einblicke in frühere Iterationen gewinnen oder neue Versionen erstellen, um Meilensteine festzuhalten.

Finde dich zurecht

Wenn du neu bei Figma bist, ist es völlig normal, dass du dich beim ersten Öffnen einer Datei etwas verloren fühlst. Wir nehmen dich mit auf eine Tour, damit du dich orientieren und die Zusammenarbeit mit deinem Team beginnen kannst.

Designdateien haben vier verschiedene Bereiche: Eine Toolbar, eine linke Seitenleiste, eine rechte Seitenleiste und die Arbeitsfläche. Wir haben das Layout vereinfacht, sodass du herausfinden kannst, was in jedem Bereich los ist.

Kurz und gut

Kurze Zusammenfassung: Über die Toolbar erhältst du die Tools und Funktionen, die du brauchst, um Ebenen zu erstellen und zu kombinieren. Dann kannst du diese Ebenen auf der Arbeitsfläche anordnen, um deine Designs zu erstellen.

In der linken Seitenleiste kannst du deine Ebenen ausprobieren und organisieren. In der rechten Seitenleiste kannst du dir die Eigenschaften der Ebenen ansehen.

Lass uns zwei der Hauptkonzepte etwas näher betrachten: Seiten und Ebenen.

Seiten

Seiten helfen dir dabei, deine Designdateien zu organisieren. Jede Seite ist eine eigene Arbeitsfläche, die dir noch mehr Platz gibt, um deine Ideen in die Tat umzusetzen und auszuprobieren. Seiten werden oft für Folgendes verwendet:

• Designs über Meilenstein oder Status verwalten
• Komponenten organisieren
• Ein Notizbuch mit Ideen führen
• Ältere Designs archivieren

Um die Seite einer Datei zu durchsuchen, klicke auf den aktuellen Seitennamen in der linken Seitenleiste. Du kannst auch tippen, um eine neue Seite zu erstellen. Seiten in der Seitenleiste anzeigen →

Ebenen

Designs werden in der Regel aus einer Kombination aus Formen, Text und anderen Elementen erstellt.

Wenn du Objekte zur Arbeitsfläche hinzufügst, behandelt Figma jedes Objekt als separate Ebene. Separate Ebenen ermöglichen dir, die Eigenschaften jeder Ebene einzeln zu ändern oder zu bearbeiten.

Dies gilt zum Beispiel für dieses Design für einen Social Media-Post, der einen Namen, ein Profilfoto, ein Bild und eine Beschriftung enthält.

Ebenen im Ebenen-Tab ansehen

Ebenen können sich auf, hinter, neben oder in anderen Ebenen befinden. Um zu sehen, wie die Ebenen angeordnet sind, sieh dir das Ebenen-Tab in der rechten Seitenleiste an.

Mit Containern arbeiten

Es gibt verschiedene Arten von Ebenen, die als Container fungieren: Gruppen, Rahmen und Abschnitte. Sie mögen zwar ähnlich erscheinen, verfügen aber alle über eigene Vorteile.

In unserer Best-Practice-Anleitung findest du mehr Informationen darüber, wann Gruppen und Rahmen zu verwenden sind.

Eigenschaften von Ebenen erkunden

Wenn du den Mauszeiger über eine Ebene oder ein Objekt auf der Arbeitsfläche bewegst, erscheint ein Rahmen um das gesamte Element. Klicke auf eine Ebene, um sie auszuwählen und dir mehr Informationen über ihre Eigenschaften anzeigen zu lassen.

In der linken Seitenleiste siehst du, wie die Ebene benannt ist und wie sie organisiert ist. In der rechten Seitenleiste siehst du die Eigenschaften der Ebene.

Die Eigenschaften einer Ebene umfassen grundlegende Informationen über die Ebene wie ihre Dimensionen und ihre Position auf der Arbeitsfläche, sowie alle Informationen zum Stil, wie Farbe, Texteigenschaften oder Effekte wie Schatten.

Welche Eigenschaften du sehen kannst, hängt vom Typ der Ebene ab, die du ausgewählt hast. Wenn eine Ebene einen Stil verwendet, dann sind nur der Name des Stils und das Symbol auf der rechten Seitenleiste sichtbar.

Berechtigungen in Designdateien

Deine Berechtigungen legen fest, welche Aktionen du tätigen kannst und ob du Dateien ändern kannst. An dieser Stelle werden wir das Berechtigungsmodell von Figma nicht tiefergehend erläutern. Ein Konzept solltest du aber verstehen, und zwar den Unterschied zwischen Personen mit Bearbeitungszugriff und Personen mit Lesezugriff.

• Personen mit Bearbeitungszugriff können eine Datei ändern oder bearbeiten. Dies umfasst alle Änderungen wie das Bewegen von Ebenen, das Aktualisieren von Eigenschaften oder das Verwalten der Datei selbst.
• Personen mit Lesezugriff können Seiten und Prototypen erkunden, aber sie können keine Änderungen vornehmen. Sie können jedoch ihren Beitrag an Dateien leisten, indem sie Feedback geben.

Einsicht in die eigenen Berechtigungen

Der schnellste Weg, dir anzeigen zu lassen, ob du eine Datei bearbeiten kannst, ist die Toolbar. Wenn du die ganze Toolbar mit allen Erstellungs-Tools und -Aktionen sehen kannst, verfügst du über Bearbeitungszugriff auf die Datei.

Wenn dir neben dem Dateinamen Nur Lesezugriff angezeigt wird oder du nur wenige Tools sehen kannst , verfügst du nur über Lesezugriff auf die Datei.

Startklar?

Diese Einsteigerprojekte sind optimal dafür geeignet, um deine ersten Erfahrungen zu machen:

• Schaltfläche erstellen
• Illustrationen in Figma Design erstellen
• Einfache Wireframes und Prototypen erstellen
• Pixel Art in Figma Design erstellen
• Kundenprofilkarte erstellen