
Comment exporter votre conception
1
Ouvrir votre conception
Accédez à la conception que vous souhaitez exporter dans Flowstep.
2
Ouvrir 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
Choisir votre format
Sélectionnez soit JPG ou PNG selon votre cas d’usage (voir la comparaison ci-dessous).
4
Télécharger le fichier
Confirmez votre sélection et téléchargez l’image exportée sur votre appareil.

JPG vs PNG : quel format utiliser ?
Export de code
Au-delà des images, le bouton Code exporte un écran en tant que code React + Tailwind — copiez un extrait ou téléchargez l’ensemble 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 discussion) sont incluses dans un dossierpublic/assets/ avec le code les référençant par chemin local, donc l’export fonctionne tel quel.
Les fichiers téléchargés — images et bundles de code — sont nommés d’après l’écran auquel ils appartiennent (en revenant au nom du fichier si l’écran n’est pas nommé), ce qui facilite l’identification des exports lorsque vous travaillez avec plusieurs écrans.
Si vous avez besoin de prendre votre conception dans un workflow d’édition vectorielle, copiez-la directement dans Figma à la place. Voir Copier les conceptions Flowstep dans Figma instantanément.