Nutze Abschnitte, um deine Arbeitsfläche zu organisieren

Bevor du anfängst

Wer kann diese Funktion verwenden

Enthalten in allen Teams und Abos

Alle Nutzer*innen mit Schreibzugriff können Abschnitte in Dateien erstellen

Ordne deine Arbeitsfläche mit beschrifteten Abschnitten, um zusammenhängende Ideen zu gruppieren und Mitarbeitende durch deine Datei zu führen.

Mit Abschnitten kannst du:

• Bereiche der Arbeitsfläche für Zusammenarbeit oder Ideenfindung kennzeichnen,
• deine Dateien für einfachere Navigation ordnen,
• eine Gruppierung von Designs verlinken und
• Inhalte für ein einfaches Entwickler-Handoff als „Ready for development“ (Entwicklungsfertig) markieren

Abschnitte sind in Figma standardmäßig ein Element der obersten Ebene auf der Arbeitsfläche. Abschnitte können alle Ebenentypen enthalten – auch andere Abschnitte –, können jedoch nicht innerhalb von Rahmen oder Gruppen eingebunden sein.

So erstellst du einen Abschnitt

Es gibt mehrere Möglichkeiten, wie du einen Abschnitt erstellen kannst:

Über Symbolleiste und Tastenkombinationen

1. Klicke oben in der Symbolleiste auf Section (Abschnitt) oder drücke die Tastenkombination ⇧ Umschalttaste S.
2. Klicke und ziehe an der Stelle auf der Arbeitsfläche, wo du den Abschnitt haben möchtest.

Du kannst auch auf einen Abschnitt klicken und über Objekte ziehen, die du dem Abschnitt hinzufügen möchtest.

Auswahl

1. Klicke und ziehe Objekte auf der Arbeitsfläche, wenn du sie zu einem Abschnitt hinzufügen möchtest.
2. Klicke mit der rechten Maustaste auf die Auswahl.
3. Klicke im Menü auf Abschnitt erstellen.

Objekte zu einem Abschnitt hinzufügen

Es gibt mehrere Möglichkeiten, Objekte zu einem Abschnitt hinzuzufügen:

• Bewege einen Abschnitt über ein Objekt
• Ändere die Größe des Abschnitts über einem Objekt
• Wähle ein Objekt und bewege es mit der Maus oder den Pfeiltasten in einen Abschnitt

Abschnitte bearbeiten

Titel

1. Mache einen Doppelklick auf den Titel des Abschnitts auf deiner Arbeitsfläche oder im Ebenen-Tab.
2. Bearbeite den Titel.
3. Drücke Return (Eingabetaste) oder Enter.

Füllung und Strichstärke

Ändere die Farbe des Hintergrunds und der Umrandung eines Abschnitts, indem du den Abschnitt Füllung und Strichstärke in der rechten Seitenleiste verwendest.

So kannst du Füllungen hinzufügen →

So kannst du die Strichstärke einrichten und bearbeiten →

Abschnitte teilen

Du kannst Mitarbeitende zu einem bestimmten Abschnitt deiner Arbeitsfläche führen, indem du den Link zu diesem Abschnitt kopierst.

1. Wähle den gewünschten Abschnitt aus, den du teilen willst.
2. Klicke in der oberen Symbolleiste auf Teilen.
3. Hake das Kontrollkästchen für Link zu ausgewähltem Abschnitt an.

Abschnitte als entwicklungsfertig markieren

Sobald Inhalte innerhalb eines Abschnitts fertiggestellt wurden, kannst du den Abschnitt als entwicklungsfertig markieren. Durch diese Markierung des Abschnitts erleichterst du Entwickler*innen, die den Dev Mode verwenden, die Arbeit.

So markierst du einen Abschnitt als entwicklungsfertig:

1. Wähle den Abschnitt aus.
2. Klicke auf Mark as ready for dev (Als entwicklungsfertig markieren).
3. Um die Markierung als entwicklungsfertig für einen Abschnitt aufzuheben, klicke unter der Beschriftung Ready for dev (Entwicklungsfertig) auf das Menü (die drei Punkte) und wähle Remove ready status (Status „Fertig“ aufheben) aus.

Abschnitte löschen

So löscht du einen Abschnitt und seine Inhalte:

1. Wähle den Abschnitt aus.
2. Drücke Delete (Löschen) oder Backspace (Rücktaste).

So löscht du einen Abschnitt, ohne seine Inhalte zu löschen:

1. Wähle den Abschnitt aus.
2. Drücke Command (Befehlstaste) Delete (Löschen)/Control(Strg) Backspace (Rücktaste).

Mit Abschnitten Prototypen erstellen

In Prototypen helfen dir Abschnitte dabei, Flows designübergreifend miteinander zu verbinden.

Wenn du eine Verbindung zu einem Abschnitt erstellst, weiß Figma, welchen Rahmen dieses Abschnitts du zuletzt aufgerufen hast, und kehrt automatisch zu diesem zurück.

Erfahre mehr über die Erstellung von Prototypen mit Abschnitten →