Inhoudsopgave
Zelf componenten maken
De Figma bibliotheken van NL Design System bevatten veel componenten en worden regelmatig aangevuld. Toch kan het voorkomen dat je zelf componenten moet maken. Bijvoorbeeld wanneer deze nog ontbreken in de community.
Demo’s
Het is fijn om componenten te ontwikkelen volgens de afspraken van NL Design System: open source, met design tokens en de juiste naamgeving. Zo blijven componenten onderling uitwisselbaar.
We hebben twee fictieve componenten uitgewerkt om te laten zien hoe je als designer zelf een component kunt maken.
Component ‘Demo Sticker’ maken
In deze video laten we zien hoe de component ‘Demo Sticker’ wordt ontwikkeld in Figma.

Component ‘Demo Card’ maken
In deze video laten we zien hoe de component ‘Demo Card’ wordt ontwikkeld in Figma.

Component delen
Heb je een component ontwikkeld in Figma? Wat goed! Deel deze dan met het kernteam. Zo blijven we op de hoogte van nieuwe componenten en kunnen we beoordelen of deze opgenomen kan worden in de NL Design System bibliotheek.
Plaats een link naar je ontwerp in de GitHub Discussion van de component en deel deze ook op Slack in het kanaal #nl-design-system-designers.
Bestaat er nog geen GitHub Discussion? Deel dan een link naar je ontwerp via Slack in het kanaal #nl-design-system-designers. Het kernteam bepaalt vervolgens wat een passende vervolgstap is.
Community Components projectbord
Voeg ook meteen een link naar je ontwerp toe aan het Community Components projectbord van jouw organisatie. Zo kan de component worden meegenomen in het Community stappenplan.
Handige links
- Definition of Done (Estafettemodel)
- Componenten gebruiken
- Design tokens
- Figma hygiëne
- help.figma.com
- forum.figma.com
- tokenstudio.com
Help deze documentatie te verbeteren
Om ervoor te zorgen dat deze documentatie nuttig, relevant en up-to-date is, kun je een wijziging voorstellen via GitHub.
Vragen
Heb je een vraag? Twijfel niet en neem contact op met het kernteam.