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

# Qu'est-ce que Flowstep?

> Flowstep est un outil de conception IA qui génère des écrans d'interface utilisateur polis à partir de prompts textuels. Découvrez ce qu'il fait, à qui il s'adresse et ce que vous pouvez créer avec lui.

<iframe src="https://www.youtube.com/embed/ziyHZVaSbvQ" 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 />

Décrivez l'écran que vous voulez, obtenez une interface conçue en quelques secondes.

Pour les développeurs, c'est le moyen le plus rapide de spécifier une interface utilisateur avant d'écrire le code. Pour les chefs de produit et les fondateurs, c'est une façon de communiquer les idées de produit sans ambiguïté. Pour les concepteurs, c'est un point de départ qui évite la page blanche.

## Ce que vous pouvez faire avec Flowstep

* **Générer des écrans à partir de texte** — décrivez ce que vous voulez, obtenez une interface conçue en quelques secondes
* **Itérer via des prompts ou des modifications directes** — affinez les mises en page, le contenu et le style sans quitter le canevas
* **Prévisualiser comme un prototype interactif** — Flowstep relie automatiquement vos écrans dans un flux cliquable. Voir [Prototypes](/fr-CA/prototypes).
* **Connecter à votre IDE via MCP** — générez et modifiez des écrans à partir de Cursor, Claude Code, Windsurf ou Claude Desktop. Voir [MCP Server](/fr-CA/mcp/overview).
* **Exporter vers Figma, code ou fichiers image** — collez directement dans un fichier Figma existant, exportez le code ou téléchargez les écrans au format PNG/JPG
* **Partager avec un seul lien** — les examinateurs n'ont pas besoin d'un compte Flowstep pour consulter ou commenter

## À qui s'adresse Flowstep

* **Développeurs** créant une interface utilisateur de produit sans concepteur disponible, ou qui souhaitent spécifier visuellement un écran avant de l'implémenter
* **Chefs de produit et fondateurs** communiquant des idées visuellement ou validant une idée
* **Concepteurs** évitant la page blanche — commencez à partir d'une mise en page générée et modifiez-la à partir de là

<Note>
  Aucune expérience en conception requise. Si vous pouvez décrire un écran en anglais simple, Flowstep peut le générer.
</Note>

## Où aller ensuite

<CardGroup cols={2}>
  <Card title="Démarrage rapide" icon="rocket" href="/fr-CA/getting-started">
    Générez votre premier écran en moins de cinq minutes.
  </Card>

  <Card title="MCP Server" icon="terminal" href="/fr-CA/mcp/overview">
    Utilisez Flowstep à partir de Cursor, Claude Code ou tout client compatible MCP.
  </Card>

  <Card title="Génération de designs" icon="wand-magic-sparkles" href="/fr-CA/generating-designs">
    Comment écrire des prompts qui produisent les écrans que vous voulez vraiment.
  </Card>

  <Card title="Intégration Figma" icon="figma" href="/fr-CA/figma-integration">
    Collez les designs Flowstep dans un fichier Figma existant avec un raccourci.
  </Card>
</CardGroup>
