> ## 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 UI polis à partir de prompts texte. Découvrez ce qu'il fait, pour qui il est destiné 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 souhaitez, 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 un moyen de communiquer les idées de produit sans ambiguïté. Pour les designers, c'est un point de départ qui saute l'écran vierge.

## Ce que vous pouvez faire avec Flowstep

* **Générer des écrans à partir de texte** — décrivez ce que vous souhaitez, obtenez une interface utilisateur 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évisualisez en tant que prototype interactif** — Flowstep relie automatiquement vos écrans dans un flux cliquable. Consultez [Prototypes](/fr/prototypes).
* **Connectez-vous à votre IDE via MCP** — générez et modifiez les écrans depuis Cursor, Claude Code, Windsurf ou Claude Desktop. Consultez [Serveur MCP](/fr/mcp/overview).
* **Exportez vers Figma, du code ou des fichiers image** — collez directement dans un fichier Figma existant, exportez le code ou téléchargez les écrans en PNG/JPG
* **Partagez avec un lien** — les examinateurs n'ont pas besoin d'un compte Flowstep pour afficher ou commenter

## Pour qui Flowstep

* **Les développeurs** construisant une interface utilisateur sans designer à proximité, ou qui souhaitent spécifier visuellement un écran avant de le mettre en œuvre
* **Les chefs de produit et les fondateurs** communiquant les idées visuellement ou validant une idée
* **Les designers** sautant l'écran vierge — commencez par une mise en page générée et modifiez à partir de là

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

## Où aller ensuite

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

  <Card title="Serveur MCP" icon="terminal" href="/fr/mcp/overview">
    Utilisez Flowstep depuis Cursor, Claude Code ou tout client compatible MCP.
  </Card>

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

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