> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Cómo usar Flowstep sin experiencia previa en diseño

> No necesitas un trasfondo de diseño para crear excelentes pantallas de interfaz con Flowstep. Aprende cómo describir lo que deseas y deja que Flowstep maneje el resto.

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ñó.

<Tip>
  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.
</Tip>

## 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.

<Tip>
  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.
</Tip>

## 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."

<Note>
  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.
</Note>