En la era en que la IA reemplaza el diseño, ¿por qué los sistemas de diseño serán aún más importantes?

Redefiniendo el sistema de diseño en la era de la IA: la necesidad de un lenguaje que las máquinas puedan entender

Con el rápido avance de las herramientas de diseño basadas en IA, surge la pregunta de si los sistemas de diseño tradicionales siguen siendo necesarios.
Sin embargo, paradójicamente, justo en el momento en que aparece la IA, la realidad es que un sistema de diseño más preciso y estructurado se vuelve indispensable.

Conceptos clave:
• Dualidad entre divergencia y convergencia

• La IA es excelente para generar ideas a partir de prompts (divergencia), pero en la etapa de hacer converger resultados que pueden expandirse infinitamente hacia un producto consistente, son indispensables reglas de diseño claras.
• Actualmente, la mayoría de los resultados generados por IA se ven convincentes a nivel visual, pero no están en condiciones de convertirse en productos reales

• Implementación de la interpretabilidad para máquinas

• Los sistemas de diseño existentes fueron concebidos en función de la capacidad cognitiva de los diseñadores humanos, pero en la era de la IA deben reestructurarse con los siguientes tres elementos.
  (1) Semantic Naming: usar nombres completos con contexto claro, como Primary en lugar de Pri y Button en lugar de Btn,
  (2) Estructura jerárquica basada en JSON: Primitive Tokens(color.json, size.json) → Semantic Tokens(brand-primary.json) → Components → Patterns, expresando claramente la intención en ese orden,
  (3) Protocolo de prompts basado en archivos .md: definir estrictamente Role & Core Rules, Mandatory Workflow, Style & State Rules

• Uso del stack tecnológico de transformación

• Si se convierten las Variables de Figma a JSON (plugin variables2json) y luego se transforman en variables CSS de Tailwind v4 con Claude Code, se generan variables globales de estilo que el navegador puede reconocer de inmediato.
• Esto permite que la IA acceda rápidamente al sistema de diseño mediante nombres de clases.

• Maduración del ecosistema de herramientas

• Métodos como la extracción automática de design.md en Google Stitch, la integración de Figma en Claude Design y la sistematización en código desde Claude Code, entre otros.
• Las herramientas siguen evolucionando, y pronto llegará un mundo en el que bastará con cargar archivos del sistema de diseño, o incluso unas cuantas capturas de pantalla, para crear un sistema de diseño sólido, estructurado y sin vacíos