Un sistema de diseño no es una biblioteca de Figma más una instancia de Storybook. Es un acuerdo sobre cómo debe verse y comportarse tu producto, y un proceso que mantiene vivo ese acuerdo a medida que el negocio crece.
La mayoría de los sistemas fracasan en silencio. Los componentes existen, pero los equipos de producto siguen lanzando pantallas únicas. Los tokens están definidos, pero los valores hexadecimales se van desviando en producción. El sistema acaba siendo un proyecto paralelo que la dirección elogia y los ingenieros evitan.
Modo de fallo: hecho para lucirse, no para el flujo de trabajo
Los sistemas concebidos como pieza de portafolio priorizan la exhaustividad sobre el encaje. Cada estado está documentado; ninguno coincide con lo que ventas necesita la semana que viene. La adopción muere porque usar el sistema es más lento que copiar el pull request del mes pasado.
Modo de fallo: nadie con autoridad sobre el producto a cargo
Sin un responsable capaz de decir «no» a las excepciones y «sí» a las abstracciones adecuadas, gana la entropía. Los tokens se multiplican. Las variantes de botón se convierten en una explosión combinatoria. Un sistema sano tiene una superficie pequeña y un camino claro de escalado cuando de verdad hace falta un patrón nuevo.
El éxito se mide por las interfaces lanzadas que encajan con el sistema sin necesitar una revisión de diseño por cada decisión de espaciado.
Qué funciona en su lugar
- Empieza por las pantallas reales del producto, no por átomos teóricos.
- Publica componentes solo cuando dos equipos necesiten lo mismo.
- Une los tokens de diseño al código: una sola fuente, con comprobaciones automáticas siempre que se pueda.
- Trata el sistema como un producto: hoja de ruta, registro de cambios, rutas de migración.
La localización es donde antes se notan las desviaciones: cada cadena traducida es una nueva ocasión de que un componente se rompa. Por eso estamos creando un plugin XLIFF para Figma que exporta el texto para traducir agrupado por marco y te deja revisar el archivo traducido antes de que sobrescriba las capas reales.
Tanto en webs de empresa como en productos tipo CRM, la coherencia genera confianza. Un sistema de diseño se gana el sueldo cuando hace que la coherencia salga más barata que la incoherencia, no cuando gana premios por la profundidad de su documentación.