Genotipo y fenotipo: dejas de diseñar pantallas

La pantalla es el resultado, no el sistema

Durante años, el entregable del diseñador fue la pantalla: el archivo de Figma, el mockup, el prototipo. Lo que se revisaba, lo que se aprobaba, lo que se medía era la superficie. Tenía sentido, porque al otro lado había una persona que la interpretaba y la construía a mano.

Cuando quien construye es un agente, esa superficie deja de ser el sistema y pasa a ser uno de sus resultados posibles. Y diseñar el resultado, en lugar de lo que lo genera, es estar trabajando en la capa equivocada.

Tomo prestada una distinción de la biología. El fenotipo es lo observable: el organismo, su forma, su color. El genotipo es el código que lo genera: las instrucciones que, ejecutadas en un contexto, producen ese fenotipo. La pantalla es fenotipo. Los tokens, las reglas, la semántica de tu sistema son el genotipo.

Qué ve un agente cuando solo tiene fenotipo

Dale a un agente una captura de pantalla y pídele otra parecida. Va a improvisar. No porque sea torpe, sino porque una imagen no contiene el porqué: no sabe que ese azul es “primario” y no “el azul de esta pantalla”, no sabe que ese espaciado es un escalón de una escala y no un número suelto, no sabe qué se puede combinar con qué. Reconstruye lo que ve, píxel a píxel, y en cuanto el caso se sale de la foto, inventa.

El fenotipo es opaco para la máquina. Contiene el qué, nunca el porqué. Y un agente sin el porqué alucina con seguridad: produce algo plausible y equivocado, a velocidad industrial.

El genotipo: lo que la máquina sí puede leer

El genotipo es todo lo que tu sistema sabe y que una máquina puede consultar. Tokens con intención (color.bg.primary, no azul-500), declarados en un formato legible y, mejor aún, con su metadata de uso dentro del propio dato. Principios escritos como reglas evaluables, no como prosa. Componentes con una API consultable. Reglas de composición explícitas. Un cable, vía llms.txt o MCP, por el que el agente accede a todo eso en vivo.

Con genotipo, el agente no reconstruye una foto: ejecuta una lógica. Elige el token correcto porque el token dice para qué sirve. Respeta la composición porque la regla está escrita. No inventa, porque no le hace falta.

No diseñas pantallas: codificas la lógica que las genera

Aquí está el giro del oficio. El diseñador agéntico no produce el fenotipo: produce el genotipo. No dibuja la pantalla número cuarenta; escribe las reglas que hacen que las cuarenta salgan coherentes sin que él toque ninguna. Su trabajo deja de ser la superficie visible y pasa a ser la estructura que la genera.

Esto no degrada el oficio: lo concentra. El valor del diseñador nunca estuvo en mover píxeles, sino en el criterio. Trabajar el genotipo es trabajar puro criterio: decidir qué intención tiene cada token, qué regla gobierna cada decisión, qué se permite y qué se prohíbe. La parte mecánica (propagar, replicar, adaptar) se delega; la parte de juicio se vuelve el centro.

El cambio de mentalidad

Si te descubres revisando la pantalla que generó el agente para ver si “queda bien”, estás todavía en el fenotipo. La pregunta agéntica es otra: ¿qué le faltaba a mi sistema para que el agente no pudiera equivocarse así? La respuesta vive siempre en el genotipo, y arreglarla allí arregla las cuarenta pantallas a la vez, no solo la que tienes delante.

De artesano del fenotipo a arquitecto del genotipo. Ese es el oficio que se aprende, sobre tu propio sistema, en el Programa Anual.