Stile in Figma: Konsistente Designsysteme für UI/UX Erstellen

Stile helfen dabei, Farben und Texte in einem Projekt zu organisieren, sodass deren Eigenschaften nicht mehr gemerkt werden müssen. Schnelle Methode zur Strukturierung des Projekts.

• Um einen Farbstil zu erstellen, ein Objekt auswählen, zum Design-Panel gehen, auf das Füllsymbol klicken und dann auf das (+) Symbol, um einen neuen Stil zu erstellen;
• Stil benennen und optional eine Beschreibung hinzufügen;
• Stile können angewendet werden, indem das Objekt ausgewählt, zu Füllung navigiert und auf die vier Punkte geklickt wird, um gespeicherte Stile aufzurufen;
• Text erstellen, zu Typografie im Design-Panel gehen und auf die vier Punkte klicken;
• Auf + klicken, um einen neuen Textstil zu erstellen, benennen und Eigenschaften festlegen;
• Die Slash-Namensgebungstechnik (z. B. Red/Brick und Red/Pastel) ist sehr hilfreich, wenn Stile in Gruppen organisiert werden sollen. Diese gruppierten Stile können im Lokale Stile-Panel ein- oder ausgeklappt werden;
• Um einen Stil zu ändern, diesen lösen (ähnlich wie das Lösen einer Instanz) und gewünschte Änderungen vornehmen;
• Um einen Stil zu löschen, im Lokale Stile-Panel mit Rechtsklick auf den Stil klicken und Löschen auswählen.