¿Cómo trabajas con los diseñadores y evitas que un sistema de diseño se desincronice del código?

Haz de la capa de tokens la única fuente de verdad: colores, espaciados, tipografía y radios viven como tokens con nombre que consumen tanto la herramienta de diseño como el CSS, así un cambio se hace una sola vez. Construye los componentes contra tokens en vez de contra valores crudos, revisa cada valor nuevo suelto como deuda de diseño y publica la librería de componentes con props documentadas para que los equipos de producto compongan en vez de bifurcar.

Lo que de verdad lo mantiene sincronizado es tener una sola fuente para las primitivas. Colores, espaciados, escala tipográfica y radios viven como tokens, exportados a propiedades personalizadas de CSS para el código y consumidos como variables en la herramienta de diseño, así que cuando cambia un color de marca cambia en un solo sitio y todo lo recoge. Los componentes entonces solo referencian tokens, nunca valores hex crudos, y nuestras reglas de lint marcan un color escrito a mano en un pull request. Cuando una maqueta introduce un valor que no existe, eso es una conversación y no una adición silenciosa: normalmente fue involuntario, y de vez en cuando es un hueco real y lo añadimos a propósito. Para los componentes mantengo una librería documentada con las props y los estados visibles, para que los equipos de producto vean lo que ya existe antes de reconstruirlo, y hay una vía clara para contribuir de vuelta cuando algo necesita una variante. El modo de fallo que he vivido es un sistema que nadie encontraba, así que cuatro equipos entregaron cada uno su propio botón, y para entonces consolidarlo era un trimestre de trabajo.