OJO: forma un equipo de agentes de diseño con IA y pasa de una frase al prototipo y al código

OJO se presenta como un espacio de trabajo de equipos de agentes de diseño. No te entrega un lápiz, te entrega un departamento de diseño que puedes contratar tú mismo: elige roles según la tarea, activa más de 200 Skills conectables y trabaja en un único lienzo desde la exploración creativa hasta un prototipo interactivo, para luego exportar código o Figma.

La mayoría de las herramientas de diseño con IA resuelven una imagen. El trabajo real de diseño nunca es una imagen: se aclara el encargo, se fija la dirección de marca y el tono visual, se construye la interfaz, se resuelve la interacción y se entrega a desarrollo. OJO intenta meter toda esa cadena en un espacio de trabajo y sustituir el modelo único por un equipo de agentes que tú montas.

Dos mecanismos sostienen la idea. El primero es el equipo de agentes: roles distintos con habilidades distintas cooperan y tú repartes el trabajo como lo harías con personas. El segundo es una biblioteca de más de 200 Skills conectables que cubren estrategia de producto, UI/UX y estilo visual, y se montan según necesidad. El material también menciona genes visuales incorporados, como futurismo retro y renacimiento ciber, para que la salida tenga una estética reutilizable en lugar de una apuesta nueva cada vez.

En la entrada, una frase, una imagen o un enlace producen directamente un prototipo interactivo. En la salida, un clic exporta Figma, código, PPT/PDF/PNG o un enlace compartido. Además hay una CLI que se integra en Claude Code, Codex y Cursor, de modo que el diseño entra en un hábito de ingeniería existente en vez de abrir otra isla.

Funciones principales

Formación del equipo de agentes

Crea un equipo de diseño con IA por tarea, asignando roles y habilidades para que varios agentes cooperen en un objetivo en lugar de que un solo modelo tome todas las decisiones.

Más de 200 Skills conectables

Más de 200 Skills añadibles en estrategia de producto, UI/UX y estilo visual: toma una dirección visual o monta la cadena completa.

Cobertura de extremo a extremo

Posicionamiento de marca, divergencia creativa, definición visual, prototipo interactivo y entrega de código, cubriendo ambos extremos del proceso y no solo la generación intermedia.

Flujo en un solo lienzo

Exploración, prototipado y generación de código ocurren en el mismo lienzo, lo que reduce la deriva de estilo que provoca mover el contexto entre herramientas.

Entrada multimodal

Una frase, una imagen subida o un enlace pegado pueden producir un prototipo interactivo funcional.

Genes visuales y memoria estética

Los genes visuales incorporados dan a la salida un sesgo estético estable y retienen memoria, útil en proyectos que deben sostener un tono de marca en el tiempo.

CLI e integración en el flujo de desarrollo

Una herramienta de línea de comandos se integra en flujos de desarrollo con IA como Claude Code, Codex y Cursor, llevando los artefactos de diseño directo a la codificación.

Diseño como entrega

La exportación con un clic a Figma, código, PPT/PDF/PNG y enlaces compartidos convierte diseño terminado y listo para entregar en una sola acción.

Cómo se usa

1. Consigue acceso primero. Entra en el sitio de OJO y apúntate a la lista de espera o introduce un código de invitación. El acceso pasa por una cola beta, no por registro abierto.
2. Forma el equipo según la tarea. Elige las especialidades necesarias entre las más de 200 Skills. Una landing y una consola de administración no deberían partir del mismo equipo.
3. Plantea el encargo. Describe la idea en una frase, sube una imagen de referencia o pega un enlace. Cuanto más concreto sea el insumo, menos rondas de aclaración habrá.
4. Acepta las preguntas. El agente rebate y saca a la luz requisitos implícitos, convirtiendo una idea difusa en una estrategia definida. No omitas esta pasada: decide cuánto retrabajo vendrá después.
5. Cierra las definiciones previas. Trabaja con los agentes para fijar posicionamiento de marca, divergencia creativa y tono visual, convirtiendo lo bonito en algo discutible.
6. Genera el prototipo. Produce un prototipo interactivo con estados de clic y hover en el mismo lienzo, para demostrarlo en lugar de capturarlo en una imagen.
7. Diagnostica e itera. Llama a las Skills de optimización de diseño para auditar y mejorar interfaz y experiencia ronda a ronda, y después exporta el formato necesario o conecta por la CLI.

Para quién es

• Startups que construyen un MVP: fundadores sin equipo de diseño usan agentes para posicionamiento, prototipo y código de front-end y validan el modelo a bajo coste.
• Marketing y crecimiento: introducen un brief de campaña, llaman a los agentes especialistas y obtienen una landing lista para desplegar.
• Desarrolladores independientes: escriben el backend y entregan toda la cadena de UI/UX a OJO, del wireframe al prototipo y al código exportado.
• Diseñadores: pasan de la ejecución a la estrategia, dejando que los agentes desplieguen análisis de requisitos e ideación mientras conservan las decisiones de valor.
• Equipos de marketing corporativo: unifican genes visuales y producen en lote sitios, páginas de campaña e interfaces con consistencia entre proyectos.

Límites y advertencias

• El acceso está restringido. Se entra por lista de espera o código de invitación, así que no basta con registrarse, y los tiempos no dependen de ti. Ten una alternativa si el proyecto corre prisa.
• El precio no se detalla en este material. Aquí no debe leerse ningún precio, cuota ni licencia comercial, y no se infiere ninguno; consulta el sitio oficial.
• Configurar el equipo es una habilidad en sí. Doscientas Skills son capacidad y también sobrecarga de elección; cómo compones los roles determina el resultado, y quien no conoce el proceso de diseño tiende a apilar Skills en lugar de formar un equipo.
• El criterio estético no se externaliza. Los genes visuales estabilizan el estilo, pero si una dirección es la correcta depende de tu lectura de usuarios y marca. La salida generada necesita selección humana, sobre todo lo que ve el cliente.
• El código y los archivos requieren revisión. El código y los archivos exportados deben pasar revisiones de convenciones, responsive y accesibilidad antes de contar como entrega de producción.

Preguntas frecuentes

¿En qué se diferencia de un generador de imágenes con IA?

Una herramienta de imagen resuelve un cuadro. OJO cubre aclaración de requisitos, definición de marca y visual, prototipo interactivo y exportación de código, y convierte al ejecutor en un equipo que tú montas.

¿Es obligatorio usar la CLI?

No. El lienzo en el navegador cubre exploración, prototipado y exportación; la CLI existe para quien integra OJO en un flujo de desarrollo existente.

¿Qué puedo exportar?

El material enumera Figma, código, PPT/PDF/PNG y enlaces compartidos.

¿Sirve para quien no sabe de diseño?

Sirve para una primera versión y para probar una idea, y las preguntas del agente ayudan a clarificar requisitos. Para un acabado de cara al público, alguien con criterio de diseño debería revisar.

¿Se puede usar hoy?

El acceso requiere lista de espera o código de invitación; el producto está en fase beta.