Het woord designsysteem wordt voor veel verschillende dingen gebruikt. Voor de een is het een Figma-bibliotheek met knoppen, voor de ander een PDF met logoregels. Beide hebben een punt, maar ze beschrijven niet hetzelfde. Wie een designsysteem wil laten maken, doet er goed aan eerst te weten welk probleem het moet oplossen.
In het kort: een designsysteem is een samenhangende verzameling ontwerpkeuzes, bestanden en regels waarmee meerdere mensen consequent hetzelfde merk kunnen toepassen. Het verschil met een losse huisstijl zit in dat laatste deel. Het systeem is gemaakt om mee te werken, niet alleen om naar te kijken.
Vier dingen die vaak door elkaar lopen
We onderscheiden vier begrippen. Een organisatie heeft ze zelden alle vier in dezelfde mate nodig, maar het helpt om ze uit elkaar te houden.
1. Merkidentiteit
De identiteit bepaalt karakter en herkenning: logo, typografie, kleur, beeldtaal, vormen en de manier waarop die samen een compositie maken. Dit is het creatieve hart. Zonder een sterke identiteit is een systeem vooral een nette verzameling van iets onopvallends.
2. Merkhandboek of richtlijnen
Het handboek legt uit hoe de identiteit wordt toegepast: vrije ruimte rond het logo, kleurgebruik, voorbeelden van goed en fout gebruik. Een goed handboek is nuttig, maar blijft vaak een document waar mensen omheen werken. Het beschrijft regels, het levert geen bouwstenen.
3. Digitaal designsysteem
Een digitaal designsysteem bevat herbruikbare waarden en onderdelen: design tokens, componenten zoals knoppen en formulieren, patronen voor complete pagina’s en documentatie over gedrag en toegankelijkheid. Productteams gebruiken het in Figma en in code. Bekende publieke voorbeelden zijn IBM Carbon, het GOV.UK Design System en NL Design System.
4. Een systeem dat agents kunnen gebruiken
Steeds meer uitingen ontstaan met hulp van AI-tools. Die tools hebben dezelfde informatie nodig als mensen, maar dan expliciet en machineleesbaar: tokens, componenten, recepten voor terugkerende taken en voorbeelden met uitleg. Dit vervangt de andere drie lagen niet. Het maakt ze bereikbaar voor een specifieke workflow.
Wat zit er in een bruikbaar designsysteem?
De precieze inhoud verschilt per organisatie. Een adviesbureau dat vooral voorstellen en presentaties maakt, heeft iets anders nodig dan een softwarebedrijf met honderden schermen. Toch komen deze onderdelen bijna altijd terug:
- Ontwerpprincipes die tot keuzes leiden, niet alleen bijvoeglijke naamwoorden.
- Canonieke logobestanden met varianten, vrije ruimte en minimale formaten.
- Typografie en kleur als benoemde rollen, met gecontroleerde contrasten.
- Compositieregels: grid, witruimte, beeldverhoudingen en wat er gebeurt bij lange teksten.
- Templates voor de uitingen die je team echt maakt.
- Een geordende bibliotheek met duidelijke bestandsnamen en eigenaarschap.
- Een versienummer en een wijzigingslog, zodat iedereen weet wat actueel is.
Wanneer heb je er een nodig?
Niet iedere organisatie heeft een uitgebreid systeem nodig. Deze signalen geven aan dat het tijd wordt:
- Meerdere mensen of bureaus maken materiaal, en het ziet er telkens net anders uit.
- Je ontwerper is de bottleneck: zonder hem of haar komt er niets goeds de deur uit.
- Bestanden zijn onvindbaar of bestaan in vijf versies.
- Je website, presentaties en product lijken niet bij hetzelfde bedrijf te horen.
- Je team gebruikt AI-tools, maar de uitkomsten passen niet bij je merk.
En wanneer nog niet
Ben je net begonnen en maak je weinig verschillende uitingen? Dan is een sterke identiteit met een paar goede templates vaak genoeg. Een systeem groeit mee met wat je werkelijk maakt. Beginnen met een complete componentbibliotheek die niemand gebruikt, is weggegooid geld.
Andersom geldt: een systeem repareert geen zwakke identiteit. Als je uitstraling niet meer past bij de kwaliteit van je werk, begin dan bij het ontwerp. Pas daarna loont het om alles zorgvuldig vast te leggen.
Hoe begin je?
- Inventariseer wat je team maakt. Welke vijf uitingen komen het vaakst terug?
- Kijk eerlijk naar je identiteit. Wat is sterk, wat ontbreekt, wat moet anders?
- Leg de belangrijkste keuzes vast als rollen en regels, met voorbeelden.
- Bouw templates voor die vijf uitingen en test ze met de mensen die ze gaan gebruiken.
- Wijs een eigenaar aan en spreek af hoe wijzigingen worden doorgevoerd.
De beste test voor een designsysteem: kan iemand die het niet heeft gemaakt er een goede nieuwe uiting mee maken, zonder dezelfde ontwerpbeslissingen opnieuw te nemen?
Bij undesign beginnen we altijd bij het werk zelf. Eerst een overtuigende identiteit, dan het systeem dat die kwaliteit bruikbaar maakt voor je team, je bureaus en je tools.
