Ebenen 101: Ebenentypen entdecken

Es gibt einige verschiedene Ebenentypen, die du in Figma Design erstellen kannst. Wir werden hier die Grundlagen behandeln, aber es gibt noch mehr Ebenen zu entdecken.

Rahmen

Rahmen sind ein grundlegender Baustein in Figma. Man kann sie sich als Container vorstellen, in die man andere Objekte stellen kann. Sie ermöglichen dir, deine Ebenen in zusammenhängenden Designs anzuordnen und zu organisieren.

Rahmen können definierte Abmessungen aufweisen und ihre eigenen Eigenschaften unterstützen. So erhältst du auch Zugriff auf leistungsstarke Figma-Funktionen wie Komponenten, Auto-Layout und Prototyping.

Mit den Voreinstellungen für Rahmen kannst du schnell Rahmen für gängige Abmessungen erstellen. Hierzu zählen Bildschirme und Geräte wie ein iPhone oder eine Apple Watch oder Abmessungen des Objekts wie Social-Media-Beiträge und Banner.

In diesem Bild haben wir einen Rahmen mit den Abmessungen eines iPhone 14 & 15 Pro Max voreingestellt. Du kannst Voreinstellungen für Rahmen in der rechten Seitenleiste auswählen, wenn du das Rahmen-Werkzeug ausgewählt hast.

Text

Die Typografie ist für die meisten Benutzeroberfläche-Designs wichtig. Ein effektiver Typ kann Informationen vermitteln, Aufmerksamkeit erregen, Hierarchien aufbauen und Emotionen hervorrufen.

Verwende das Textwerkzeug T, um Textebenen zu erstellen, und gib dann den Text ein. Verwende den Abschnitt „Typografie“ in der rechten Seitenleiste, um deinen Text zu formatieren und zu gestalten. Verwende andere Abschnitte wie Füllung, um andere Aspekte deines Textes wie die Farbe zu ändern.

Figma enthält eine Auswahl von Hunderten von kostenlosen Google-Schriftarten, um dir den Einstieg zu erleichtern. Du kannst jedoch gerne deine eigenen Schriftarten hinzufügen und verwenden.

Der Text in diesem Kartendesign verwendet Space Grotesk, eine kostenlose Google-Schriftart, die in Figma jedem zur Verfügung steht.

Formen

Formen, wie Rechtecke R, Ellipsen O und Polygone, können deinen Designs optische Attraktivität und Persönlichkeit verleihen.

Du kannst auch mehrere Formen kombinieren, um beispielsweise Symbole zu erstellen. Mit dem Stiftwerkzeug P kannst du auch gerade und abgerundete Linien oder benutzerdefinierte Formen und Illustrationen erstellen

Oben ist ein Achteck, das wir mit dem Polygon-Werkzeug erstellt haben. Mit dem Feld Anzahl im Abschnitt Darstellung kannst du die Anzahl der Seiten eines Polygons anpassen.

Bilder

Musst du Designs Fotos, Screenshots und andere visuelle Objekte hinzufügen? Kein Problem. Mit Figma Design kannst du auch Bilder, GIFs und Videos hinzufügen.

In Figma Design sind Bilder und Videos eine Art Füllung, kein Ebenentyp. Auf diese Weise kannst du Bilder zu jeder Ebene hinzufügen, die Eigenschaften von Füllungen oder Konturen unterstützt, einschließlich Rahmen, Formen und sogar Text.

Ziehe Bilder per Drag & Drop oder kopiere und füge sie in deine Dateien ein. Figma fügt die Bilder als Füllung für eine neue rechteckige Ebene hinzu. Du hast bereits eine Form, die mit einer Bildfüllung gefüllt werden muss? Füge sie direkt aus dem Abschnitt Füllung der rechten Seitenleiste hinzu.