Comenzar a usar Flowstep toma solo unos pocos minutos. Te registras de forma gratuita, describes lo que deseas construir y Flowstep genera tu diseño inmediatamente. Desde allí puedes refinarlo a través de prompts posteriores, invitar a tu equipo a colaborar y compartir el resultado con las partes interesadas — sin necesidad de herramientas de diseño o experiencia previa.
1
Crea tu cuenta gratuita
Ve a flowstep.ai y crea una cuenta con Google o con tu correo electrónico y contraseña. No se requiere tarjeta de crédito para comenzar.Después de registrarte, llegas a una pantalla de bienvenida breve: responde tres preguntas rápidas, luego describe tu primer diseño allí — cuatro prompts de ejemplo (Dashboard, Landing page, Mobile app, Checkout) están disponibles si deseas un punto de partida.
Si te registras con correo electrónico y contraseña, revisa tu bandeja de entrada para un correo de confirmación (“Confirm your Flowstep email”) y haz clic en el enlace para activar tu cuenta — puedes reenviarlo desde la página “Check your inbox” si no llega. Las direcciones de correo electrónico desechables no se aceptan; usa un correo de trabajo o personal.
2
Describe la pantalla que deseas
Escribe un prompt en inglés simple describiendo la interfaz que tienes en mente. Sé específico sobre el propósito de la pantalla y cualquier elemento clave que deba incluir.Un prompt como “Dashboard for a project management app with a task list, progress bars, and a sidebar navigation” le da a Flowstep suficiente contexto para producir un diseño enfocado y útil.
3
Genera tus pantallas
Envía tu prompt y Flowstep genera tu diseño en segundos. Puedes generar múltiples pantallas en una sola sesión para explorar diferentes direcciones o construir un flujo completo.
4
Refina a través de conversación
¿No es exactamente correcto? Escribe un prompt de seguimiento para ajustar el diseño — cambia el esquema de color, reorganiza elementos, intercambia contenido o solicita un diseño completamente diferente. También puedes editar elementos manualmente o usar acciones de un clic en el menú de opciones.
5
Exporta o comparte tu trabajo
Cuando estés satisfecho con el resultado, elige cómo compartirlo:
- Exporta el código o a través de MCP
- Descarga la pantalla como archivo JPG o PNG
- Copia a Figma usando el atajo de teclado para pegar directamente en un archivo Figma existente
- Comparte un enlace con compañeros de equipo o partes interesadas — pueden ver el diseño sin crear una cuenta
Puedes invitar a tu equipo a colaborar en un archivo de Flowstep. Pueden unirse y comenzar a contribuir en minutos.