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
- Klicke oben in der Symbolleiste auf Section (Abschnitt) oder drücke die Tastenkombination ⇧ Umschalttaste S.
- 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
- Klicke und ziehe Objekte auf der Arbeitsfläche, wenn du sie zu einem Abschnitt hinzufügen möchtest.
- Klicke mit der rechten Maustaste auf die Auswahl.
- Klicke im Menü auf Abschnitt erstellen.
Tipp: Durch Doppelklick im Tab Layers (Ebenen) auf ein Symbol eines Abschnitt gelangst du direkt dorthin.
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
- Mache einen Doppelklick auf den Titel des Abschnitts auf deiner Arbeitsfläche oder im Ebenen-Tab.
- Bearbeite den Titel.
- 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.
- Wähle den gewünschten Abschnitt aus, den du teilen willst.
- Klicke in der oberen Symbolleiste auf Teilen.
- 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:
- Wähle den Abschnitt aus.
- Klicke auf Mark as ready for dev (Als entwicklungsfertig markieren).
- 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.
Hinweis: Trotz der Markierung eines Abschnitts als entwicklungsfertig können Änderungen an den Inhalten dieses Abschnitts vorgenommen werden.
Abschnitte löschen
So löscht du einen Abschnitt und seine Inhalte:
- Wähle den Abschnitt aus.
- Drücke Delete (Löschen) oder Backspace (Rücktaste).
So löscht du einen Abschnitt, ohne seine Inhalte zu löschen:
- Wähle den Abschnitt aus.
- 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 →