La inteligencia artificial puede pasar de una descripción a una página funcional en muy poco tiempo. Esta velocidad es extraordinaria cuando el equipo ya sabe qué quiere comunicar. También puede consolidar demasiado pronto una jerarquía confusa, una promesa genérica o una experiencia que no responde al negocio. Diseñar antes de construir con IA no es volver a un proceso lento: es introducir una decisión revisable antes de que el código multiplique el coste del cambio.
La fuente de esta lectura es el post y el extracto visible de “Hoja Guide: How Tono Uso Claude Design Inside Claude Code”, compartido por Tom Crawshaw ↗. El contenido presenta un flujo para describir, ver y modificar un diseño antes de construir la página. No hemos podido consultar la guía completa en esta ejecución, de forma que no hacemos un tutorial de producto: adaptamos el principio a un proceso de marca e implementación.
Ver una decisión cambia la calidad de la conversación
Un brief puede parecer claro hasta que se convierte en una pantalla. Cuando el equipo ve la jerarquía, puede preguntarse si la promesa principal es comprensible, si las pruebas llegan al momento adecuado, si el formulario pregunta demasiado y si la versión móvil mantiene el sentido. Estas preguntas son más difíciles de activar ante un documento abstracto.
El prototipo no sirve solo para escoger colores. Hace visibles las decisiones de negocio: qué priorizamos, que dejamos fuera, qué recorrido proponemos y qué acción preguntamos. La visualización es una herramienta de gobernanza porque convierte intenciones difusas en opciones que se pueden aprobar o rechazar.
Un Human Gate antes de la producción
Uno Human Gate es un punto donde el sistema necesita una decisión humana antes de continuar. En una landing, este punto puede llegar cuando ya existen la estructura, el contenido principal y una representación visual suficiente, pero todavía no se han desarrollado todas las interacciones, variantes e integraciones.
La revisión tiene que responder preguntas concretas. ¿La página explica qué es cada oferta? ¿El tono corresponde a la marca? ¿Las afirmaciones tienen apoyo? ¿La orden ayuda a decidir? ¿Los enlaces conectan con servicios reales? ¿Hay información sensible o derechos visuales pendientes? Cuando la respuesta es clara, el agente puede construir con mucha más autonomía.
La IA necesita una dirección, no solo una preferencia estética
Decir “hazlo más premium” o “que respire” puede orientar una conversación, pero no es suficiente para garantizar consistencia. Una dirección de diseño tiene que incluir jerarquía, ritmo, proporciones, paleta, tipografía, tratamiento fotográfico, movimiento, accesibilidad y comportamiento responsive. También tiene que explicar qué relación hay entre la identidad y el propósito del proyecto.
Criterio, el estudio de diseño del ecosistema Karmina, aporta esta capa estratégica. La IA puede explorar variantes y acelerar la ejecución; la dirección de marca decide qué opciones refuerzan una identidad y qué solo siguen una tendencia visual.
Landing Builder y Site Builder no hacen el mismo trabajo
Lo Landing Builder puede transformar un brief aprobado en una página orientada a una campaña, un servicio o una captación concreta. El Site Builder trabaja una arquitectura más amplia: navegación, plantillas, relaciones entre páginas y componentes compartidos. Separar los roles evita que una necesidad puntual altere sin querer todo el sistema web.
Los dos pueden consultar el mismo brand playbook, pero necesitan criterios y pruebas diferentes. Una landing se puede evaluar por claridad, conversión y continuidad con la campaña. Un lugar completo también necesita coherencia entre rutas, mantenibilidad, accesibilidad, SEO técnico y una experiencia consistente.
No hay que aprobar cada píxel
Introducir revisión humana no significa convertir cada cambio en una reunión. El sistema puede trabajar automáticamente dentro de rangos aprobados: espaciado, componentes, estilos, proporciones o tratamientos de imagen. La intervención es necesaria cuando cambia la promesa, la estructura, un dato, un activo de marca o una acción con impacto externo.
Este reparto reduce el retrabajo. El equipo aprueba las decisiones que condicionan el resultado y deja que el agente ejecute la parte repetible. Las correcciones posteriores se documentan: si una regla se repite, pasa a formar parte del sistema; si es una excepción, queda vinculada al proyecto.
Acelerar después de haber entendido
La mejor aportación de la IA al diseño no es producir más pantallas. Es permitir que el equipo vea antes, compare mejor y construya solo cuando la dirección es bastante sólida. El prototipo se convierte en un espacio de decisión, no en una pieza decorativa.
La secuencia es simple: describir el propósito, representar una opción, revisarla con criterios, corregirla y entonces construir. La velocidad deja de competir con el criterio porque el criterio decide hacia dónde tiene que ir la velocidad.