### Ein Raster hinzufügen
Wählen Sie einen Rahmen aus und klicken Sie im Abschnitt Layout-Raster des Design-Panels auf das **Plus-Symbol**, um ein Raster hinzuzufügen. Standardmäßig sind Raster auf ein 10-Pixel-Einheitsraster eingestellt.

### Rastereinstellungen anpassen
   - **Rastertyp**: Wählen Sie zwischen Spalten, Zeilen oder Raster;
   - **Anzahl**: Passen Sie die Anzahl der Spalten oder Zeilen an;
   - **Aussehen**: Ändern Sie Farbe und Deckkraft;
   - **Typ-Einstellungen**: Setzen Sie Spalten auf Dehnen oder fixieren Sie sie links, zentriert oder rechts;
   - **Ränder und Abstände**: Definieren Sie den Abstand zwischen Rahmenkanten (Ränder) und Spalten/Zeilen (Abstände).

### Erweiterte Optionen
   - Fügen Sie einem einzelnen Rahmen mehrere Raster hinzu, indem Sie erneut auf das **Plus-Symbol** klicken.
   - Ändern oder löschen Sie Raster über das **Einstellungsfeld** oder das **Minus-Symbol**.
   - Wenden Sie voreingestellte Rasterstile über das **Vier-Punkte-Symbol** an oder importieren Sie Raster aus der Team-Bibliothek.

## Verwenden von Linealen und Hilfslinien in Figma

### Lineale aktivieren
Lineale können über **Ansicht > Lineale** oder mit der Verknüpfung **Shift + R** aufgerufen werden. Sie erscheinen oben und links im Rahmen, wobei die Einheiten in Pixeln gemessen werden.

### Hilfslinien hinzufügen
Um Hilfslinien zu erstellen, ziehen Sie von dem Lineal und positionieren Sie sie zur Ausrichtung. Hilfslinien können entfernt werden, indem Sie sie zurück zum Lineal ziehen.

### Beste Praktiken
Kombinieren Sie **Raster und Hilfslinien** für Präzision und um organisierte Layouts beizubehalten. Saubere Ausrichtungen verbessern die Designklarheit und das gesamte Benutzererlebnis.

Lernen Sie alles von den Grundlagen der Gestaltung von Benutzeroberflächen bis hin zu fortgeschrittenen Prototyping- und Zusammenarbeitstechniken. Erfahren Sie, wie Sie Wireframes erstellen, visuell beeindruckende Layouts entwerfen und effektiv mit Entwicklungsteams unter Verwendung der leistungsstarken Funktionen von Figma arbeiten. Perfekt für Anfänger und Profis, kombiniert diese Lernreise praktische Projekte, Expertentipps und Anwendungen aus der realen Welt, um Ihnen zu helfen, in der wettbewerbsintensiven Welt des Designs erfolgreich zu sein.

Erfahren Sie, was Figma ist, welche Rolle es im UI/UX-Design spielt und wie Sie seine Benutzeroberfläche und Werkzeuge navigieren. Erkunden Sie das FigJam-Board für Brainstorming und Zusammenarbeit sowie Seiten und Rahmen in Figma, die die Grundlage für die effektive Organisation und Strukturierung Ihrer Designs bilden.

Entdecken Sie, wie Ebenen in Figma Ihr Design organisiert halten, erkunden Sie, wie gruppierte Formen Ihnen helfen, atemberaubende Visuals zu erstellen, und lernen Sie, Text mit Typografiewerkzeugen wunderschön zu gestalten.

Lernen Sie, Fotos und Videos zu platzieren, Masken zu verwenden und Mischmodi für dynamische Designs anzuwenden. Beherrschen Sie Farben, Verläufe, Buttons, automatische Layouts, Komponenten und Stile. Entfesseln Sie die Kraft von Plugins und Widgets, um Ihre Kreativität zu steigern und Ihren Arbeitsablauf zu optimieren.

Erkunden Sie Spalten, Raster, Plugins und die Parent-Child-Komponentenstruktur, um Ihren Designprozess zu optimieren.

Entwickeln Sie Low-Fidelity-Wireframes, erstellen Sie interaktive Prototypen, animieren Sie Designs und präsentieren Sie die Arbeit effektiv den Kunden.

Ui/Ux Mit Figma

Layout-Raster Zeilen und Spalten

Ein Raster hinzufügen

Rastereinstellungen anpassen

Erweiterte Optionen

Verwenden von Linealen und Hilfslinien in Figma

Lineale aktivieren

Hilfslinien hinzufügen

Beste Praktiken