Skip to main content
No hay necesidad de conocer la diferencia entre una tipografía y una fuente, entender sistemas de grillas o haber abierto una herramienta de diseño antes. Flowstep maneja automáticamente el diseño, tipografía, color, espaciado y jerarquía visual — tu trabajo es simplemente describir lo que deseas.

​
Cómo funciona sin habilidades de diseño

Cuando escribes un prompt, Flowstep interpreta tu descripción y toma todas las decisiones visuales que un diseñador normalmente haría: cómo organizar elementos en la pantalla, qué fuentes usar, cuánto espacio en blanco agregar y cómo establecer una jerarquía visual que guíe la vista. Describes el propósito y contenido; Flowstep produce una pantalla que parece que un profesional la diseñó.
Piensa en usar prompts en Flowstep de la misma manera que le darías instrucciones a un diseñador. No le dirías a un diseñador qué tamaño de fuente usar — le dirías para qué es la pantalla y qué necesita comunicar. Flowstep funciona de la misma manera.

​
Consejos para escribir buenos prompts

Enfócate en tres cosas: el propósito de la pantalla, la información clave que debe mostrar y el tipo de producto o audiencia. Comienza con el propósito de la pantalla Comienza con lo que la pantalla se supone que debe hacer. “Sign-up screen for a meal planning app” le dice a Flowstep mucho más que una lista de elementos de interfaz. Menciona el contenido o acciones clave Incluye las cosas más importantes que un usuario debe ver o hacer. No necesitas listar todo — solo los elementos que más importan para la experiencia. Haz referencia a un tipo de producto o audiencia si ayuda Mencionar el tipo de producto (p. ej., aplicación móvil de consumidor, panel B2B, checkout de comercio electrónico) ayuda a Flowstep a coincidir con el tono visual y las convenciones adecuadas.
Si tu primer resultado no es exactamente correcto, no comiences de nuevo — solo escribe un prompt de seguimiento. Decir “make the layout more minimal” o “use a darker color scheme” es suficiente para dirigir el diseño en una nueva dirección.

​
Prompts de ejemplo para probar

Aquí hay algunos prompts que funcionan bien, escritos en inglés simple sin terminología de diseño: Flujo de incorporación para una aplicación de fitness
“First screen of an onboarding flow for a fitness tracking app. It should welcome the user, briefly explain what the app does, and have a button to get started.”
Página de configuración para un producto SaaS
“Settings page for a B2B project management tool. Include sections for profile, notifications, billing, and connected accounts. Use a clean, professional look.”
Pantalla de pago móvil
“Checkout screen for a mobile shopping app. Show an order summary, a field for a promo code, and a prominent button to complete the purchase.”
Estos prompts funcionan no porque usen lenguaje de diseño, sino porque describen claramente el propósito, contenido y contexto de la pantalla. Eso es todo lo que necesitas.