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

# Comienza con Flowstep: crea una cuenta y genera diseños

> Crea una cuenta gratuita de Flowstep, genera tu primer diseño de interfaz desde un prompt de texto y comparte con tu equipo — todo en una sesión.

<iframe src="https://www.youtube.com/embed/yrmvaLi6Cto" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

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.

<Steps>
  <Step title="Crea tu cuenta gratuita">
    Ve a [flowstep.ai](https://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.

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

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

  <Step title="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.

    <Tip>
      No necesitas vocabulario de diseño. Enfócate en para qué es la pantalla y qué información debe mostrar — Flowstep maneja el diseño, tipografía, espaciado y opciones de color.
    </Tip>
  </Step>

  <Step title="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.
  </Step>

  <Step title="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.
  </Step>

  <Step title="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

    <Note>
      Puedes invitar a tu equipo a colaborar en un archivo de Flowstep. Pueden unirse y comenzar a contribuir en minutos.
    </Note>
  </Step>
</Steps>