RedOrange · Figma Layout Guide

Container-Optionen und ihre Wirkung

Diese Einstellungen beeinflussen die Frontend-Ausgabe pro Container und sollten in der Grafik bewusst mitgedacht werden.

Container-Optionen

Diese Einstellungen beeinflussen die Frontend-Ausgabe

EinstellungBedeutungHinweis für die Grafik
BreiteSchmal, Container, Breit, Extra breit, FluidIm Entwurf explizit festlegen, wenn vom Standard abgewichen wird.
HintergrundSektionshintergrund oder farbliche AbsetzungAls eigene Fläche im Layout sichtbar anlegen.
Abstand oben / untenVertikaler Rhythmus zwischen SektionenBewusst einsetzen, nicht zufällig je Section variieren.
SpaltenabstandInnenabstand der SpaltenNur ändern, wenn es visuell wirklich nötig ist.
AusrichtungVertikal oder horizontalNur gezielt, z. B. Bild/Text mittig.
Anchor-IDSprungmarkeNur bei echtem Navigationsbedarf.
Empfehlung

So sparsam wie möglich einsetzen

Breite, Hintergrund und Abstand sind die wichtigsten Container-Optionen.
Spaltenabstand und Ausrichtung nur bei echten Layoutgründen ändern.
Nicht jede Sektion braucht alle Optionen. Konsistenz ist wichtiger als maximale Variabilität.