¿CON QUÉ IA?
Lo contó A quién le sirve. Fundadores y equipos de producto que quieren enseñar rápido una idea de aplicación, con maquetas y un vídeo explicativo, antes de invertir en diseño y programación.
Qué hicieron
El usuario dictó instrucciones y aportó referencias de diseño a Grok Bot para construir páginas de interfaz y experiencia de usuario de una mesa financiera con agentes. El bot generó las páginas, creó imágenes, animó los diseños por su cuenta y produjo vídeos explicativos. El usuario dirigió el encargo general y eligió las referencias.
Conviene saber
La fuente no lo cuenta. Antes de usar el resultado, revisa tú los diseños y los vídeos.
Qué necesitas
- Acceso a Grok Bot, aunque la fuente no explica el plan, o a otro asistente que genere maquetas, imágenes y vídeo.
- Una descripción de las funciones del producto y de tus preferencias de estilo.
- Referencias de diseño: capturas o enlaces de interfaces que te gusten.
- Un micrófono, si quieres dictar las instrucciones en lugar de escribirlas.
Cómo hacerlo tú, paso a paso
- Reúne referencias de diseño, con capturas y enlaces de interfaces que te gusten, y apunta qué te gusta de cada una.
- Decide las funciones del producto: qué debe hacer cada pantalla.
- Pega o dicta el prompt de esta ficha con tus funciones y tu estilo, y adjunta las referencias.
- Pide las maquetas de las páginas y un vídeo explicativo animado corto.
- Mira las pantallas y pide cambios por partes: orden, colores y textos.
- Pide que te liste las decisiones de diseño que ha tomado, para opinar sobre cada una.
- Revisa el vídeo antes de enseñárselo a nadie y comprueba que cuenta lo que tu producto hace de verdad.
Diseña un conjunto de páginas de interfaz para [tipo de producto, por ejemplo un panel para mi equipo] a partir de lo que te describo: [funciones y preferencias de estilo]. Crea las maquetas de las páginas y un vídeo explicativo animado corto que muestre cómo funciona. Termina con las imágenes y el vídeo en una carpeta y una lista de las decisiones de diseño que has tomado para que yo pueda darte mi opinión.
Consejos
- La fuente no cuenta resultados ni limitaciones. Antes de usar el resultado, revisa tú los diseños y los vídeos.
- Una maqueta bonita no es un producto. No prometas a clientes ni a inversores funciones que todavía no existen.
- Quien dirige la idea y elige las referencias eres tú. Cuanto mejores sean, mejor saldrá el resultado.
Preguntas frecuentes
¿Sustituye a un diseñador?
Sirve para enseñar una idea rápido. Para un producto que vayan a usar clientes, un diseñador y un programador tendrán que convertir las maquetas en algo real.
¿Funciona dictando con la voz?
El usuario de la fuente dictó sus instrucciones. Dictar ayuda a explicarse con más detalle, pero revisa la transcripción, porque la voz se transcribe con erratas.
Fuentes
En el directorio desde el 10 de octubre de 2026.