
Comment exporter votre conception
1
Ouvrez votre conception
Accédez à la conception que vous souhaitez exporter dans Flowstep.
2
Ouvrez le menu d'export
Localisez l’option d’export dans la barre d’outils ou le panneau de conception. Sélectionnez-la pour ouvrir les paramètres d’export.
3
Choisissez votre format
Sélectionnez soit JPG soit PNG selon votre cas d’usage (voir la comparaison ci-dessous).
4
Téléchargez le fichier
Confirmez votre sélection et téléchargez l’image exportée sur votre appareil.

JPG vs PNG : quel format devriez-vous utiliser ?
Code d’export
Au-delà des images, le bouton Code exporte un écran en tant que code React + Tailwind — copiez un extrait, ou téléchargez le bundle complet en tant que ZIP. Les bundles sont autonomes : les images utilisées dans la conception (y compris celles que vous avez jointes dans le panneau de chat) sont incluses dans un dossierpublic/assets/ avec le code les référençant par chemin local, afin que l’export s’exécute tel quel.
Les fichiers téléchargés — images et bundles de code — sont nommés d’après l’écran auquel ils appartiennent (se repliant sur le nom du fichier si l’écran n’a pas de nom), ce qui facilite l’identification des exports quand vous travaillez avec beaucoup d’écrans.
Si vous avez besoin de prendre votre conception dans un flux de travail d’édition vectorielle, copiez-la directement dans Figma à la place. Voir Copy Flowstep designs into Figma instantly.