Design tokens: ontwerpkeuzes één keer vastleggen, overal gebruiken

Een product gebruikt op zestig plekken dezelfde donkergrijze kleur. Dan besluit het team die kleur iets lichter te maken, voor een beter contrast in de donkere modus. In het ontwerpbestand staat de kleur als losse waarde in tientallen componenten. In de code staat de hexcode op nog meer plekken, soms met een kleine afwijking. Een simpele kleurwijziging wordt zo een zoektocht van dagen.

Design tokens lossen dit op. Ze leggen een ontwerpkeuze één keer vast, met een naam, en gebruiken die naam overal. In dit artikel lees je wat tokens zijn, hoe je ze opbouwt en waar het vaak misgaat.