Ga naar hoofdinhoud

Zelf componenten maken

De Figma bibliotheken van NL Design System bevatten veel componenten en worden regelmatig aangevuld. Toch zijn er situaties waarin je zelf componenten moet maken. Dat kan in de volgende gevallen:

  • Community-component ontbreekt: De community-component die jij nu juist nodig hebt ontbreekt nog. Je hebt dit doorgegeven aan het kernteam, maar er is (nog) geen tijd om dit op te pakken. In dat geval kun je de component zelf maken.
  • Community-component verbeteren: Er is wel een community-component, maar die sluit niet goed aan bij de behoeften van jouw organisatie. Gebruik dan het bestaande ontwerp (of de code) als basis om daar verder op door te ontwikkelen. Neem daarbij zoveel mogelijk elementen uit de bestaande component over. Het is helemaal super om hierbij samen te werken met de organisatie die de oorspronkelijke component heeft ontwikkeld, zodat verbeteringen gezamenlijk kunnen worden doorgevoerd.
  • Eigen community-component bijdragen: Je wilt als organisatie een nieuwe component ontwikkelen en delen met de community.

Hoe dan ook, het is fijn om dit altijd te doen volgens de afspraken van NL Design System: open source, met design tokens en de juiste naamgeving. Zo blijven componenten onderling uitwisselbaar.

Om te laten zien hoe dit werkt, laten we met twee fictieve lokale componenten (Demo Sticker en Demo Card) zien hoe je zelf componenten kunt ontwikkelen.

Demo Sticker maken

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

Demo Card maken

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

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.