Generar el prototipo funcional
Usa Google AI Studio para crear el esqueleto de la app en un solo prompt. No te preocupes por cómo se ve: solo importa que funcione.
Paso 1 de 8
El primer paso no es diseñar. Es tener algo que funcione. Usas Google AI Studio para generar un prototipo completo en un solo prompt. El resultado va a ser genérico y va a parecer igual a cualquier otra app. Eso está bien: es el punto de partida, no el destino.
Qué herramienta usar
Google AI Studio es el mejor para one-shots de interfaz. Un prompt de una línea genera una app funcional completa en uno o dos minutos.
Si ya tienes un codebase existente, usa Claude Code. Si quieres las capacidades de Gemini sobre un proyecto que ya existe, usa el modelo Gemini en Cursor.
Cómo escribir el prompt
Describe lo que la app hace, no cómo se ve. Verbos, no adjetivos. Pantallas, no estilos.
Build a mobile voice journaling app. Users can see a home screen,
record voice entries, see the transcript, browse past entries.El resultado va a ser funcional pero visualmente neutro. Exactamente como cualquier otra app generada con IA. Ese es el problema que este workflow resuelve en los pasos siguientes.
Qué hacer con el resultado
Toma screenshots de cada pantalla y guárdalas. Las vas a necesitar como referencia de layout cuando compongas las pantallas finales en Figma.
No inviertas tiempo en ajustes visuales aquí
Este prototipo es desechable como superficie visual. Su único valor es mostrar la estructura funcional: qué pantallas hay, qué elementos tiene cada una, cómo se navega entre ellas. Todo lo visual se reemplaza más adelante.
Resultado de este paso
Una app funcional con todas sus pantallas generadas, más screenshots de cada una como referencia de layout. Con esto listo, pasa a definir qué hace y cómo se siente.