Ga naar hoofdinhoud

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.

Zelf componenten maken - Demo Sticker - YouTube thumbnail

Component 'Demo Card' maken

In deze video laten we zien hoe de component 'Demo Card' wordt ontwikkeld in Figma.

Zelf componenten maken - Demo Card - YouTube thumbnail

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.


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.