Alla inlägg
·6 min läsning
Designtokens som faktiskt håller
Ett pragmatiskt sätt att jobba med designtokens som överlever mötet med en riktig kodbas.
Designtokens fallerar när de är för granulära eller för få. Den söta punkten är semantisk.
Namnge tokens efter avsikt, inte utseende. `--color-primary` överlever en rebranding. `--color-blue-500` gör det inte.
Håll paletten stram. Två ytor, en accent, en destruktiv — det räcker långt för de flesta produkter.
När du behöver en ny token, fråga: skulle en annan komponent rimligen använda den här? Om inte är det en engångsföreteelse, inte en token.
Det system som släpps är det system som används.