Stijlen in Figma: Het Creëren van Consistente Ontwerpsystemen voor UI/UX

Stijlen helpen kleuren en tekst in een project te organiseren, waardoor het niet nodig is om hun eigenschappen te onthouden. Het is een snelle manier om je project te structureren.

• Om een kleurstijl te maken, selecteer een object, ga naar het Ontwerpvenster, klik op het Vul-icoon en klik vervolgens op het (+) icoon om een nieuwe stijl aan te maken;
• Geef de stijl een naam en voeg eventueel een beschrijving toe;
• Je kunt stijlen toepassen door het object te selecteren, naar Vulling te gaan en op de vier stippen te klikken om opgeslagen stijlen te openen;
• Maak tekst aan, ga naar Typografie in het Ontwerpvenster en klik op de vier stippen;
• Klik op + om een nieuwe tekststijl te maken, geef deze een naam en stel de eigenschappen in;
• Het gebruik van de slash-benamingstechniek (bijv. Rood/Baksteen en Rood/Pastel) is erg handig als je stijlen in groepen wilt organiseren. Deze gegroepeerde stijlen kunnen worden samengevouwen of uitgeklapt in het Lokale stijlen-paneel;
• Om een stijl te wijzigen, maak je deze los (vergelijkbaar met het loskoppelen van een instantie) en pas je de gewenste wijzigingen toe;
• Om een stijl te verwijderen, klik je met de rechtermuisknop op de stijl in het Lokale stijlen-paneel en selecteer je Verwijderen.