Construyendo un sistema de diseño: de los tokens a los componentes

La mayoría de los sistemas de diseño empiezan como una biblioteca de componentes y terminan como un cuello de botella. Los equipos copian componentes en sus propios repositorios para ir más rápido, la biblioteca se desincroniza, y acabas con tres botones ligeramente distintos repartidos entre cuatro productos. El problema rara vez es técnico — es arquitectónico. Sentar bien las bases desde el principio evita esa deriva.

Los tokens de diseño son la capa atómica: valores con nombre para color, espaciado, tipografía y radio que viven en un solo lugar y fluyen hacia afuera. Construir componentes antes de establecer los tokens significa que acabarás con valores hardcodeados por todas partes y refactorizando para siempre.