Introducción

Los equipos de producto suelen recopilar comentarios de diversas fuentes, como hilos de Slack, incidencias de Linear, documentos u hojas de cálculo de Google Drive o notas de llamadas con clientes. A veces cuentan con historias de usuario que ilustran claramente el problema que quieren resolver. Otras veces, el contexto se encuentra en esas fuentes.

ChatGPT puede reunir ese contexto y convertirlo en una maqueta de la interfaz de una función que resolvería el problema. Una vez que valides la propuesta, Codex puede implementar la función en el producto.

Crear una referencia visual

Si ya tienes una historia de usuario clara, puedes partir de ella. Si aún no la tienes, puedes conversar primero con ChatGPT para reunir contexto de distintas fuentes y sintetizarlo en una historia de usuario.

Luego, puedes pedirle a ChatGPT que use la generación de imágenes para crear varias maquetas con distintas propuestas de diseño. Las maquetas deben respetar la arquitectura de la información del producto y las restricciones de su sistema de diseño.

Si te resulta útil, puedes compartir capturas de pantalla de la interfaz actual o un archivo de Figma como referencia.

Repite el proceso hasta que la maqueta te convenza. Cuanto más acotados sean los cambios, más probable será que Codex genere una maqueta que se pueda implementar directamente.

Pasar de la maqueta al prototipo

Usa la imagen final de la maqueta que quieres que Codex implemente. En lugar de continuar en el mismo chat de ChatGPT, selecciona Codex, inicia un nuevo chat y vuelve a adjuntar la imagen. Luego, pídele a Codex que implemente la maqueta para convertirla en un prototipo funcional. Si estás creando una aplicación web, puedes pedirle que use el complemento Build Web Apps.