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

# Commencer avec Flowstep : s'inscrire et générer des designs

> Créez un compte Flowstep gratuit, générez votre premier design UI à partir d'un prompt textuel, et partagez-le avec votre équipe — tout en une seule séance.

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

Se lancer avec Flowstep ne prend que quelques minutes. Vous vous inscrivez gratuitement, décrivez ce que vous voulez construire, et Flowstep génère votre design immédiatement. À partir de là, vous pouvez l'affiner grâce à des prompts de suivi, inviter votre équipe à collaborer, et partager le résultat avec les parties prenantes — aucun outil de conception ni expérience préalable n'est nécessaire.

<Steps>
  <Step title="Créez votre compte gratuit">
    Allez sur [flowstep.ai](https://flowstep.ai) et inscrivez-vous avec Google ou avec votre adresse courriel et votre mot de passe. Aucune carte de crédit n'est requise pour commencer.

    <Note>
      Si vous vous inscrivez avec votre adresse courriel et votre mot de passe, vérifiez votre boîte de réception pour un courriel de confirmation (« Confirm your Flowstep email ») et cliquez sur le lien pour activer votre compte — vous pouvez le renvoyer depuis la page « Check your inbox » s'il n'arrive pas. Les adresses courriel jetables ne sont pas acceptées ; utilisez une adresse courriel professionnelle ou personnelle.
    </Note>

    Après vous être inscrit, vous arrivez sur un court écran de bienvenue : répondez à trois questions rapides, puis décrivez votre premier design directement là — quatre exemples de prompts (Dashboard, Landing page, Mobile app, Checkout) sont disponibles si vous voulez un point de départ.
  </Step>

  <Step title="Décrivez l'écran que vous souhaitez">
    Tapez un prompt en anglais simple décrivant l'interface utilisateur que vous avez en tête. Soyez précis quant à l'objectif de l'écran et tous les éléments clés qu'il devrait inclure.

    Un prompt comme « Dashboard for a project management app with a task list, progress bars, and a sidebar navigation » donne à Flowstep suffisamment de contexte pour produire un design concentré et utile.

    <Tip>
      Vous n'avez pas besoin de vocabulaire de conception. Concentrez-vous sur l'objectif de l'écran et les informations qu'il devrait afficher — Flowstep gère la mise en page, la typographie, l'espacement et les choix de couleurs.
    </Tip>
  </Step>

  <Step title="Générez vos écrans">
    Soumettez votre prompt et Flowstep génère votre design en quelques secondes. Vous pouvez générer plusieurs écrans dans une même séance pour explorer différentes directions ou élaborer un flux complet.
  </Step>

  <Step title="Affinez grâce à la conversation">
    Pas tout à fait correct ? Tapez un prompt de suivi pour ajuster le design — changez le schéma de couleurs, réorganisez les éléments, remplacez le contenu, ou demandez une mise en page entièrement différente. Vous pouvez également modifier les éléments manuellement ou utiliser les actions en un clic dans le menu des options.
  </Step>

  <Step title="Exportez ou partagez votre travail">
    Lorsque vous êtes satisfait du résultat, choisissez comment le partager :

    * **Export** du code ou via MCP
    * **Download** l'écran en tant que fichier JPG ou PNG
    * **Copy to Figma** en utilisant le raccourci clavier pour coller directement dans un fichier Figma existant
    * **Share a link** avec vos coéquipiers ou les parties prenantes — ils peuvent voir le design sans créer de compte

    <Note>
      Vous pouvez inviter votre équipe à collaborer sur un fichier Flowstep. Ils peuvent se joindre et commencer à contribuer en quelques minutes.
    </Note>
  </Step>
</Steps>
