# Layout-Raster

> Richte einrastende Raster und Hilfslinien ein, sodass Elemente in jeder Variation, die deine Nutzer erstellen, konsistent ausgerichtet sind.

Source: https://bluepic.io/de/help/design-elements-and-tools/layout-grid  
Language: de  
Category: design-elements-and-tools  
Last updated: 2026-06-12

Das Layout-Raster ist eine Reihe von Hilfslinien, an denen Elemente einrasten, sodass alles ausgerichtet bleibt, egal welche Inhalte dein Template füllen.

## Raster anzeigen

Klicke auf die Raster-Schaltfläche in der **Toolbar**, um das Raster und seine Lineale ein- oder auszublenden.

![](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/2463f611-c20f-4c75-8b91-b857c94c4600/max)

## Eine Rasterlinie hinzufügen

Klicke bei eingeblendetem Raster auf ein Lineal, um eine Hilfslinie hinzuzufügen: Das **obere** Lineal fügt eine vertikale Linie hinzu, das **linke** Lineal eine horizontale.

## Eine Rasterlinie verschieben oder bearbeiten

Ziehe eine Rasterlinie, um sie neu zu positionieren. Um eine exakte Position festzulegen oder sie zu entfernen, **doppelklicke** die Linie direkt auf dem Lineal, um ihren Editor zu öffnen, in dem du ihre Position in Pixeln eingeben oder sie mit **Delete** entfernen kannst.

![](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/70d03d1a-5914-4c5e-621b-67e1fbf50a00/max)

## Einrasten

Wenn du ein Element in die Nähe einer Rasterlinie ziehst, rastet seine Kante an der Linie ein. So bleiben Elemente über jede Version deines Designs hinweg an denselben Hilfslinien ausgerichtet.