Beetje Coderen

Les 25

Een designsysteem opzetten

Tokens, componenten en een stijlgids.

⏱ 45–60 minuten leestijd + oefenen

🎯 Na deze les kun je

  • design tokens definiëren
  • herbruikbare componenten bouwen
  • een eenvoudige stijlgids documenteren

Als meerdere mensen aan dezelfde site werken, of als er naast de website ook een app en folders komen, wil je dat alles op elkaar lijkt. Een design system is de verzameling afspraken die dat regelt: welke kleuren, maten en lettertypes er zijn (tokens), welke bouwstenen (componenten) je ervan maakt, en een plek waar dat beschreven staat. In deze les bouw je een klein design system voor Bakkerij De Korrel, voortbouwend op de custom properties uit les 13 en de BEM-structuur uit les 24.

🔒 Deze les zit in het betaalde deel van de cursus

De eerste 6 lessen zijn gratis; de rest van de cursus, de live labs en het certificaat koop je eenmalig (€ 19,00). Geen abonnement. Online afrekenen komt binnenkort beschikbaar.

Wil je een seintje als het zover is?