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

# Affichez les conceptions Flowstep sous forme de prototypes interactifs

> Ouvrez n'importe quel fichier Flowstep en tant que prototype cliquable — Flowstep relie automatiquement vos écrans, et vous pouvez définir ou verrouiller la navigation manuellement par élément.

Flowstep peut transformer les écrans d'un fichier en prototype cliquable. Cliquez sur **Preview** dans la barre d'outils de l'éditeur et Flowstep ouvre un lecteur de prototype en pleine page où vous pouvez cliquer sur votre flux — utile pour tester un parcours utilisateur ou le présenter aux parties prenantes.

## Ouvrez un prototype

<Steps>
  <Step title="Cliquez sur Preview">
    Dans la barre d'outils de l'éditeur, cliquez sur **Preview**. Le lecteur de prototype s'ouvre en tant que vue pleine page, séparée de l'éditeur.
  </Step>

  <Step title="Laissez Flowstep relier vos écrans">
    Si votre fichier comporte deux écrans ou plus, Flowstep relie automatiquement les éléments interactifs — boutons, cartes, éléments de menu — à leurs écrans cibles lorsque vous ouvrez l'aperçu (vous verrez « Bringing your screens to life » pendant qu'il fonctionne). Les liens sont régénérés uniquement lorsque vos écrans ont changé depuis la dernière exécution.
  </Step>

  <Step title="Cliquez sur votre flux">
    Cliquez sur n'importe quel élément lié — un bouton, une carte, un élément de menu — pour accéder à son écran cible. La barre latérale répertorie tous les écrans du fichier afin que vous puissiez accéder directement à n'importe lequel d'entre eux, et **Back to editor** vous ramène au fichier.
  </Step>
</Steps>

<Note>
  La liaison automatique nécessite au moins deux écrans dans le fichier. Si la génération de lien échoue, utilisez le bouton **Retry** dans le lecteur.
</Note>

## Définissez la navigation manuellement

Vous pouvez contrôler exactement où un élément navigue :

1. Dans l'éditeur, sélectionnez l'élément (par exemple, un bouton).
2. Ouvrez le panneau **Navigation** dans le panneau de propriétés sur la droite.
3. Sélectionnez un écran cible dans la liste déroulante — ou choisissez **No navigation** pour supprimer le lien.

Pour empêcher la liaison automatique de Flowstep de remplacer un lien que vous avez défini vous-même, cliquez sur **Lock link** dans le panneau Navigation. Les liens verrouillés ne sont pas modifiés lors de la régénération des liens.

## Contrôles interactifs

Un prototype n'est pas seulement une navigation cliquable — les contrôles sur vos écrans réagissent pendant que vous prévisualisez. Basculez un interrupteur, cochez une case, sélectionnez une option radio, choisissez dans une liste déroulante, basculez les onglets, tapez dans un champ ou incrémentez un compteur, et l'écran se met à jour en direct pour refléter le nouvel état.

Les écrans d'un fichier partagent un état de prototype pendant une session d'aperçu, donc une modification que vous effectuez sur un écran se reporte lorsque vous cliquez dans d'autres. Vous pouvez également basculer un écran entre l'apparence clair et sombre pour voir comment il répond.

<Note>
  Le comportement interactif est généré automatiquement à partir de vos écrans — il n'y a rien à câbler. Prévisualisez un fichier pour l'essayer.
</Note>