Summary  
Introduces the concept of hierarchical component organization using top-level canvases (pages) and nested containers (frames), and illustrates how grouped tools expose context-specific settings.

General domain of usage  
User interface design

- Seiten in Figma befinden sich im linken Bereich und ermöglichen das Erstellen mehrerer Seiten (z. B. Home, About, Contact);
- Seiten können durch Doppelklick auf den Namen umbenannt und zur besseren Unterscheidung farblich hinterlegt werden;
- Änderungen der Hintergrundfarbe wirken sich nicht auf das eigentliche Design aus, sind jedoch für Präsentationen hilfreich;
- Jedes Werkzeug verfügt über gruppierte Optionen, die durch einen kleinen Pfeil angezeigt werden;
- Werkzeugspezifische Einstellungen erscheinen im Design-Panel, wenn ein Werkzeug ausgewählt ist (z. B. Frame-, Text- oder Form-Werkzeuge).
## Unterschied zwischen Seiten und Frames
- **Seiten**: Leere Arbeitsflächen oder Arbeitsbereiche zur Organisation der Arbeit; vergleichbar mit einem leeren Blatt in Word oder Illustrator;
- **Frames**: Dienen als Zeichenflächen für das Platzieren von Designs; können benutzerdefiniert oder aus Vorlagen ausgewählt werden. Frames erscheinen als Ebenen im Ebenen-Panel und strukturieren das Design.

Seiten dienen der Organisation, Frames dem Layout und der Gestaltung spezifischer Komponenten oder Screens.

Hold Ctrl/Command + Mouse Wheel to zoom in/out

Hold the Spacebar to move around the canvas freely

Welche Aussage beschreibt das Verhältnis zwischen Seiten und Frames am besten?

Lernen Sie alles von den Grundlagen der Gestaltung von Benutzeroberflächen bis hin zu fortgeschrittenen Prototyping- und Kollaborationstechniken. Entdecken Sie, wie Sie Wireframes erstellen, visuell beeindruckende Layouts gestalten und effektiv mit Entwicklungsteams unter Nutzung der leistungsstarken Funktionen von Figma zusammenarbeiten. Perfekt für Anfänger und Profis kombiniert diese Lernreise praxisnahe Projekte, Experten-Tipps und reale Anwendungen, um Ihnen zum Erfolg in der wettbewerbsintensiven Designwelt zu verhelfen.

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

Entdecken Sie, wie Ebenen in Figma Ihr Design organisiert halten, erkunden Sie, wie gruppierte Formen Ihnen helfen, beeindruckende Visuals zu erstellen, und lernen Sie, Text mithilfe von Typografie-Tools ansprechend 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. Entdecken Sie die Möglichkeiten von Plugins und Widgets, um Ihre Kreativität zu steigern und Ihren Arbeitsablauf zu optimieren.

Erkunden von Spalten, Rastern, Plugins und der Eltern-Kind-Komponentenstruktur zur Optimierung des Designprozesses.

Entwicklung von Low-Fidelity-Wireframes, Erstellung interaktiver Prototypen, Animation von Designs und effektive Präsentation der Arbeiten für Kunden.

Seiten und Rahmen in Figma

Unterschied zwischen Seiten und Frames