Skip to main content
Screenshot 2026 05 06 At 14 19 49
Lorsque vous êtes prêt à partager ou à confier une conception, Flowstep vous permet de l’exporter en tant qu’image statique — soit un JPG ou un PNG. Les deux formats sont largement pris en charge dans les outils de conception, les logiciels de présentation et les navigateurs, vous pouvez donc apporter vos conceptions générées par IA où vous en avez besoin.

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.
Screenshot 2026 05 06 At 14 19 39

JPG vs PNG : quel format utiliser ?

Si vous collez votre conception dans un diaporama ou envoyez un aperçu rapide à un client, JPG est généralement le bon choix. Si vous avez besoin de bords nets ou d’un arrière-plan transparent — par exemple, pour superposer la conception sur une autre image — utilisez PNG.

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 dossier public/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.