Figma-Setup, Struktur und Benennung

Frame-Logik

Page
└── Template / Seite
    ├── Section / Hero
    │   └── Container / xl
    │       └── Grid / 2col-4-8
    ├── Section / Intro
    │   └── Container / default
    │       └── Grid / 1col
    └── Section / Teaser
        └── Container / wide
            └── Grid / 3col-4-4-4

Regeln

• Jede Sektion als eigener Top-Level-Frame.
• Containerbreite sichtbar benennen.
• Auto Layout für Komponenten, nicht als Ersatz für das Seitenraster.
• Layout Grid im Frame hinterlegen.
• Desktop und Mobile als klar getrennte Haupt-Frames anlegen.

Sections

Section / Hero / Home
Section / Intro / About
Section / Teaser / Services
Section / Contact / CTA

Container / Grid

Container / default
Container / narrow
Container / wide
Grid / 1col
Grid / 2col-6-6
Grid / 2col-4-8
Grid / 3col-4-4-4