Introductie voor developers

Community

Er zijn al veel developers die gebruik maken van NL Design System en actief bijdragen in de community. Dit gebeurt op Slack, in de Developer Open Hour, in de Rijkshuisstijl Community en op GitHub.

De leukste updates worden ook gedeeld in de tweewekelijkse Heartbeat die je zelfs vanaf 2022 terug kunt kijken.

Aan de slag

NL Design System kun je gebruiken in prototypes of productie websites en webapplicaties met of zonder CMS.

NL Design System componenten zijn te gebruiken voor iedere huisstijl. Elke organisatie legt de eigen huisstijl vast met de Design Tokens JSON standaard en maakt deze beschikbaar voor hergebruik in Figma, code, websites en diverse webapplicaties.

Combineer componenten van verschillende organisaties tot jouw perfecte oplossing. Design Systems en applicaties die met deze componenten gebouwd zijn kunnen zo makkelijk meerdere huisstijlen ondersteunen zonder de logica en toegankelijkheid van de componenten opnieuw te bouwen.

Onboarding video

Bekijk de onboarding sessie voor developers op YouTube

Prototypes

Leer hoe je NL Design System kunt gebruiken voor een snel prototype.

Huisstijl met design tokens

NL Design System componenten zijn huisstijl onafhankelijk. Applicaties die hiermee gebouwd zijn kunnen zo makkelijk meerdere huisstijlen ondersteunen zonder de logica en toegankelijkheid van de componenten opnieuw te bouwen. Elke organisatie legt de eigen huisstijl vast met de Design Tokens JSON standaard en maakt deze beschikbaar voor hergebruik in Figma, code, websites en diverse webapplicaties.

Thema maken

Leer hoe je je huisstijl kunt vastleggen als NL Design System thema met Design Tokens JSON

Design Tokens

Lees meer over design tokens bij NL Design System

Start thema

Gebruik het start-thema om sneller te starten met de huisstijl vastleggen met basis-tokens.

Voorbeeld thema

Gebruik het voorbeeld-thema voor prototypes zonder huisstijl

Componenten

De HTML structuur en design beslissingen van NL Design System componenten worden één keer gemaakt en kunnen daarna hergebruikt worden in elk framework. Voor elke techniek waar de community bijdragen aan heeft geleverd werkt het kernteam aan documentatie over gebruiken, uitbreiden, bouwen en testen. Op dit moment kun je de volgende componenten vinden op het component overzicht:

Ecosysteem

NL Design System is een ecosysteem van design systems die naar keuze te combineren zijn in prototypes, websites en webapplicaties in diverse huisstijlen.

Om developers makkelijk te laten bijdragen aan de verschillende Open Source design systems stelt NL Design System een gedeelde infrastructuur beschikbaar.

Een gedeelde aanpak zorgt ervoor dat componenten binnen NL Design System er consistent uitzien, voorspelbaar werken en makkelijk up-to-date te houden zijn.