Summary  
This chapter explains how to configure solid and gradient color fills by manipulating color value systems (hex, RGB, HSL, HSB), adjusting color stops’ positions, opacity, and orientation, and selecting gradient types (linear, radial, angular, diamond).  

General domain of usage  
UI/UX design

In Figma können Sie für Ihre Formen und Designs Volltonfarben oder Farbverläufe verwenden.
- Gehen Sie zum Design-Panel und klicken Sie auf das Füllsymbol;
- Verwenden Sie das Farbspektrum, den Farbtonregler und den Transparenzregler, um Farben anzupassen.
### Farbwertsysteme, die Sie sehen werden, sind

- Sie können auch das **Pipettenwerkzeug** verwenden, um Farben von Ihrer Seite oder Ihrem Frame aufzunehmen, oder gespeicherte Farben aus anderen Projekten über das Dropdown-Menü abrufen;
- Wenn Sie im Füllmenü die Option **Farbverlauf** auswählen, erscheint eine Verlaufleiste;
- Sie können die **Verlaufleiste** anpassen, indem Sie die Position der Farbstopps ändern, neue Stopps hinzufügen, den Verlauf drehen, ihn spiegeln oder einzelne Stoppfarben und deren Transparenz nach Bedarf anpassen.

Welches der folgenden ist KEIN in Figma verfügbares Farbwertsystem?

Was passiert, wenn Sie einen Stopp in einem Verlauf auf 0 % Deckkraft setzen?

Erlernen Sie alles von den Grundlagen der Gestaltung von Benutzeroberflächen bis hin zu fortgeschrittenen Prototyping- und Kollaborationstechniken. Entdecken Sie, wie Sie Wireframes erstellen, visuell ansprechende Layouts gestalten und effektiv mit Entwicklungsteams unter Nutzung der leistungsstarken Funktionen von Figma zusammenarbeiten. Ideal für Einsteiger und Profis kombiniert dieser Lernpfad praxisorientierte Projekte, Experten-Tipps und reale Anwendungsbeispiele, 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 sowie die 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.

Erfahren, wie Ebenen in Figma das Design organisiert halten.
Untersuchen, wie gruppierte Formen beeindruckende Visualisierungen ermöglichen.
Textgestaltung mit Typografie-Werkzeugen.

Erlernen des Platzierens von Fotos und Videos, der Verwendung von Masken und der Anwendung von Mischmodi für dynamische Designs. Beherrschen von Farben, Farbverläufen, Schaltflächen, automatischen Layouts, Komponenten und Stilen. Nutzung von Plugins und Widgets zur Erweiterung der Kreativität und Optimierung des Workflows.

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.
Effektive Präsentation der Arbeiten für Kunden.

Farb- und Verlaufsausfüllung in Figma: Paletten für UI/UX-Design Meistern

Farbwertsysteme, die Sie sehen werden, sind

1. Welches der folgenden ist KEIN in Figma verfügbares Farbwertsystem?

2. Was passiert, wenn Sie einen Stopp in einem Verlauf auf 0 % Deckkraft setzen?

Awesome!

Farb- und Verlaufsausfüllung in Figma: Paletten für UI/UX-Design Meistern

Farbwertsysteme, die Sie sehen werden, sind

1. Welches der folgenden ist KEIN in Figma verfügbares Farbwertsystem?

2. Was passiert, wenn Sie einen Stopp in einem Verlauf auf 0 % Deckkraft setzen?