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

# Modifier et itérer sur les conceptions Flowstep par clavardage ou canevas

> Affinez n'importe quel écran généré par Flowstep grâce à la modification visuelle manuelle ou aux prompts basés sur le clavardage — itérez autant de fois que nécessaire jusqu'à ce que la conception soit correcte.

<Frame>
  <img src="https://mintcdn.com/flowstep/iVYFuG-E2bJvmdDE/images/Screenshot-2026-05-06-at-14.25.48.png?fit=max&auto=format&n=iVYFuG-E2bJvmdDE&q=85&s=0a67045dde91f73cae39afde3d359269" alt="Screenshot 2026 05 06 At 14 25 48" width="2338" height="1510" data-path="images/Screenshot-2026-05-06-at-14.25.48.png" />
</Frame>

Les conceptions Flowstep sont entièrement modifiables après la génération. Vous n'êtes pas bloqué par ce que l'IA produit initialement — vous pouvez ajuster les éléments visuels directement dans l'éditeur, utiliser le clavardage pour décrire les modifications en langage naturel, ou demander à Flowstep de générer des variations et de nouveaux écrans. Utilisez la méthode qui convient le mieux à la modification que vous souhaitez apporter.

## Deux façons de modifier

<Tabs>
  <Tab title="Modification visuelle manuelle">
    Apportez des modifications directement sur le canevas en sélectionnant et en modifiant les éléments. Cette méthode fonctionne mieux pour les ajustements précis — déplacer un composant, changer une couleur, mettre à jour une étiquette ou ajuster l'espacement.

    <Steps>
      <Step title="Sélectionnez l'élément que vous souhaitez modifier">
        Cliquez sur n'importe quel composant ou calque dans votre conception pour le sélectionner.
      </Step>

      <Step title="Apportez vos modifications">
        Utilisez les commandes de l'éditeur pour ajuster les propriétés telles que la couleur, la taille, la position ou le contenu du texte.
      </Step>

      <Step title="Vérifiez le résultat">
        Vos modifications s'appliquent immédiatement sur le canevas. Continuez à modifier ou passez à l'écran suivant.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Modification basée sur le clavardage">
    Décrivez la modification que vous souhaitez en langage naturel et Flowstep met à jour la conception pour vous. Cette méthode est plus rapide pour les modifications générales ou structurelles — ajuster la mise en page, repenser une section ou appliquer une direction de style.

    <Steps>
      <Step title="Ouvrez le panneau de clavardage">
        Sélectionnez l'écran que vous souhaitez modifier, puis ouvrez l'entrée de clavardage.
      </Step>

      <Step title="Décrivez votre modification">
        Tapez ce que vous souhaitez que Flowstep mette à jour. Soyez précis sur ce qui doit changer et pourquoi, si cela aide.
      </Step>

      <Step title="Vérifiez la conception mise à jour">
        Flowstep applique la modification et vous montre le résultat. Si ce n'est pas tout à fait correct, envoyez un message de suivi pour affiner davantage.
      </Step>
    </Steps>

    Les modifications et les régénérations mettent à jour l'écran sélectionné **sur place** plutôt que d'ajouter un nouvel écran — tandis que Flowstep diffuse la modification, l'élément sur lequel il travaille actuellement est entouré d'une bordure pointillée verte. La génération sans écran sélectionné ajoute un nouvel écran à la place.
  </Tab>
</Tabs>

## Modifier seulement une partie d'un écran

Vous n'avez pas à modifier des écrans entiers. Sélectionnez un sous-élément — une carte, un bouton, une étiquette de texte — et votre prompt de clavardage s'applique uniquement à celui-ci, laissant le reste de l'écran inchangé.

* Basculez vers le mode **Direct selection** avec **Shift+V** (ou utilisez la liste déroulante du bouton Select) pour sélectionner l'élément le plus profond sous votre clic. Appuyez sur **V** pour la sélection normale, ou maintenez **Cmd** (Mac) / **Ctrl** (Windows) pour utiliser la sélection directe temporairement. **Escape** quitte la sélection directe.
* Sélectionnez les sous-éléments sur plusieurs écrans avec **Cmd+Shift** — un seul prompt peut modifier jusqu'à 6 écrans par message.

Lorsqu'un élément d'image est sélectionné (en dehors du mode fil de fer), un panneau **Image** apparaît dans le panneau des propriétés : aperçu de l'image, remplacez-la en faisant glisser un nouveau fichier image sur l'aperçu ou en cliquant sur **Pick image**, ou enregistrez-la avec **Download image**.

## Restaurer une version antérieure

Chaque génération d'IA dans l'historique de clavardage conserve son résultat original. Si un écran a été modifié ou supprimé depuis sa génération, son message de clavardage affiche un bouton **Restore** — **Restore original** pour annuler les modifications, ou **Restore** / **Restore all** pour ramener les écrans supprimés. Utilisez-le pour revenir à un état connu et correct après une modification qui prend une mauvaise direction.

## Actions en un clic

<Frame>
  <img src="https://mintcdn.com/flowstep/iVYFuG-E2bJvmdDE/images/Screenshot-2026-05-06-at-14.29.34.png?fit=max&auto=format&n=iVYFuG-E2bJvmdDE&q=85&s=52e0f38e4c4506adbecdccc7a95be652" alt="Screenshot 2026 05 06 At 14 29 34" width="2436" height="1528" data-path="images/Screenshot-2026-05-06-at-14.29.34.png" />
</Frame>

Au-delà des modifications directes, vous pouvez demander à Flowstep d'explorer des alternatives :

* **Try again from scratch** — demandez à Flowstep de produire une nouvelle version de l'écran actuel avec une mise en page ou une direction visuelle différente.
* **Show the next screen** — demandez à Flowstep de générer ce qui vient logiquement ensuite dans le flux utilisateur.
* **Make it pretty** — ajustez l'espacement, l'alignement et les couleurs dans la conception. La mise en page reste la même.

Ces options vous permettent d'itérer rapidement sans avoir à écrire un prompt à chaque fois.

## Itération pour affiner

La conception atterrit rarement parfaitement à la première tentative. Utilisez la modification basée sur le clavardage pour chaque cycle de commentaires — décrivez ce qui fonctionne et ce qui ne fonctionne pas, et Flowstep ajuste à partir de là. Il n'y a pas de limite au nombre de fois que vous pouvez itérer sur un écran.

<Tip>
  Lors de l'itération via le clavardage, référencez les éléments spécifiques par nom ou localisation pour obtenir des résultats plus précis. Par exemple : « Déplacez le bouton d'appel à l'action au bas de l'écran et rendez-le pleine largeur » est plus efficace que « réparez le bouton ».
</Tip>
