Hinzufügen eines Layout-Rasters - Framer Hilfe

Last updated on 10/20/2025@mrbirddev
Hinzufügen eines Layout-Rasters - Framer Hilfe

Rastersysteme helfen, Elemente auf der Leinwand auszurichten und zu organisieren, sodass Ihre Designs ausgewogen, sauber und visuell konsistent wirken.

Hinzufügen eines Layout-Rasters

Um loszulegen, stellen Sie sicher, dass die Hilfslinien auf Ihrer Leinwand sichtbar sind:

  1. Klicken Sie auf das Framer-Logo in der oberen linken Ecke und öffnen Sie das Ansichtsmenü.
  2. Wählen Sie „Hilfslinien anzeigen“, um die Rasterüberlagerungen anzuzeigen.

Alternativ können Sie auch die angezeigte Tastenkombination verwenden. /

Rastereigenschaften festlegen

Sobald Ihre Hilfslinien sichtbar sind, können Sie das Layout an Ihr Projekt anpassen.

  1. Wählen Sie den Breakpoint, mit dem Sie arbeiten möchten.
  2. Im rechten Bereich sehen Sie eine Reihe von Rastersteuerungen, mit denen Sie die Layouteinstellungen anpassen können:
  • Rastertyp: Wählen Sie zwischen einem Spalten- oder Zeilenraster, je nach benötigter Struktur.
  • Abstand: Definieren Sie den Abstand zwischen den Elementen für ein sauberes und luftiges Layout.
  • Ränder: Legen Sie die äußeren Kanten fest, um Ihrem Design eine angemessene Polsterung zu geben.
  • Breite: Passen Sie die Gesamtbreite des Rasters an, um zu steuern, wie viel Platz Ihr Inhalt einnimmt.

Screenshot des Framer-Modals „Hilfslinien“.

Wenn Sie auf Probleme stoßen oder weitere Unterstützung benötigen, kontaktieren Sie bitte das Framer-Support-Team über unsere Kontaktseite.

Zurück zur Framer Hilfe

Last updated on 10/20/2025@mrbirddev
Recent Articles
Loading...