Sistemas de diseño: componentes coherentes

Un sistema de diseño reúne componentes y criterios compartidos. Su utilidad está en facilitar decisiones coherentes, no en acumular una biblioteca muy grande.

Partir de patrones reales

Identifica elementos que se repiten: botones, campos, tarjetas y avisos. Describe sus variantes y el problema que resuelven.

Un nombre claro permite hablar de un componente sin depender de su posición en una maqueta.

Reglas que conectan

La tipografía, los espacios y los colores deben trabajar juntos. Explica cómo se utilizan y qué excepciones pueden necesitar revisión.

Incluye estados de foco, error y desactivación cuando correspondan. La accesibilidad forma parte del componente, no de una capa posterior.

Mantener la documentación

Un componente cambia con el producto. Registra qué se actualizó y cómo afecta a quienes lo utilizan.

Una colección pequeña pero documentada suele resultar más útil que muchas variantes cuyo uso no está claro.

Seguir aprendiendo

Relaciona esta lectura con los demás recursos de Vexumi y prueba las ideas en un proyecto pequeño. Las imágenes, cuando aparecen, son ilustrativas.