Skip to main content
Screenshot 2026 05 06 At 14 25 48
Les designs Flowstep sont entièrement modifiables après la génération. Vous n’êtes pas limité à ce que l’IA produit initialement — vous pouvez ajuster les visuels directement dans l’éditeur, utiliser le chat 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 correspond le mieux au changement que vous souhaitez apporter.

Deux façons de modifier

Apportez les 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, modifier une couleur, mettre à jour un libellé ou affiner l’espacement.
1

Sélectionnez l'élément que vous souhaitez modifier

Cliquez sur n’importe quel composant ou calque dans votre design pour le sélectionner.
2

Apportez vos modifications

Utilisez les contrôles de l’éditeur pour ajuster les propriétés telles que la couleur, la taille, la position ou le contenu du texte.
3

Vérifiez le résultat

Vos modifications s’appliquent immédiatement sur le canevas. Continuez à modifier ou passez à l’écran suivant.

Modifiez juste une partie d’un écran

Vous n’êtes pas obligé de modifier des écrans entiers. Sélectionnez un sous-élément — une carte, un bouton, un libellé de texte — et votre prompt de chat s’applique uniquement à lui, laissant le reste de l’écran inchangé.
  • Passez au mode Direct selection (sélection directe) avec Shift+V (ou la liste déroulante du bouton de la barre d’outils Sélectionner) 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 temporairement la sélection directe. Escape quitte la sélection directe.
  • Sélectionnez les sous-éléments dans plusieurs écrans avec Cmd+Shift — un seul prompt peut modifier jusqu’à 6 écrans par message.
Lorsqu’un élément image est sélectionné (en dehors du mode wireframe), un panneau Image apparaît dans le panneau des propriétés : prévisualisez l’image, échangez-la en glissant un nouveau fichier image sur l’aperçu ou en cliquant sur Pick image, ou enregistrez-la avec Download image.

Restaurez une version antérieure

Chaque génération IA dans l’historique du chat conserve son résultat original. Si un écran a été modifié ou supprimé depuis sa génération, son message de chat affiche un bouton RestoreRestore original pour annuler les modifications, ou Restore / Restore all pour ramener les écrans supprimés. Utilisez-le pour revenir à un état connu et bon après qu’une modification aille dans la mauvaise direction.

Actions en un clic

Screenshot 2026 05 06 At 14 29 34
Au-delà des modifications directes, vous pouvez demander à Flowstep d’explorer les alternatives :
  • Try again from scratch — demandez à Flowstep de produire une version nouvelle 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 le design. 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

Le design arrive rarement parfaitement du premier coup. Utilisez l’édition basée sur le chat pour chaque cycle de retours — 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.
Lors de l’itération via le chat, référencez les éléments spécifiques par nom ou par emplacement pour obtenir des résultats plus précis. Par exemple : « Déplacez le bouton d’appel à l’action vers le bas de l’écran et rendez-le pleine largeur » est plus efficace que « corrigez le bouton ».