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

Stijlen helpen bij het organiseren van kleuren en tekst in een project, waardoor het niet meer 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 Ontwerp Paneel, 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 Ontwerp Paneel 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. Red/Brick en Red/Pastel) is zeer 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.