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

# Téléchargez les conceptions Flowstep en tant que fichiers image JPG ou PNG

> Flowstep prend en charge l'exportation de conceptions en tant que JPG ou PNG. Découvrez quel format convient à votre cas d'usage et comment télécharger vos écrans en quelques clics.

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.49.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=b9d31a01c99bae3d325fdbfee34529dc" alt="Screenshot 2026 05 06 At 14 19 49" width="1824" height="1388" data-path="images/Screenshot-2026-05-06-at-14.19.49.png" />
</Frame>

Quand vous êtes prêt à partager ou à transmettre une conception, Flowstep vous permet de l'exporter en tant qu'image statique — soit un JPG, soit un PNG. Les deux formats sont largement pris en charge sur les outils de conception, les logiciels de présentation et les navigateurs, afin que vous puissiez prendre vos conceptions générées par IA n'importe où vous en avez besoin.

## Comment exporter votre conception

<Steps>
  <Step title="Ouvrez votre conception">
    Accédez à la conception que vous souhaitez exporter dans Flowstep.
  </Step>

  <Step title="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.
  </Step>

  <Step title="Choisissez votre format">
    Sélectionnez soit **JPG** soit **PNG** selon votre cas d'usage (voir la comparaison ci-dessous).
  </Step>

  <Step title="Téléchargez le fichier">
    Confirmez votre sélection et téléchargez l'image exportée sur votre appareil.
  </Step>
</Steps>

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.39.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=8f3132e26a9a759315dd87a7a624fe00" alt="Screenshot 2026 05 06 At 14 19 39" width="1828" height="1522" data-path="images/Screenshot-2026-05-06-at-14.19.39.png" />
</Frame>

## JPG vs PNG : quel format devriez-vous utiliser ?

|                       | JPG                                                                          | PNG                                                                    |
| --------------------- | ---------------------------------------------------------------------------- | ---------------------------------------------------------------------- |
| **Meilleur pour**     | Partager les aperçus, les présentations, les révisions des parties prenantes | Conceptions avec arrière-plans transparents, remises en haute fidélité |
| **Taille du fichier** | Plus petit — plus rapide à partager par courriel ou messagerie               | Plus grand — conserve tous les détails de l'image                      |
| **Transparence**      | Non prise en charge                                                          | Prise en charge                                                        |
| **Qualité**           | Légèrement compressée                                                        | Sans perte — aucune réduction de qualité                               |

<Tip>
  Si vous collez votre conception dans un deck de diapositives 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.
</Tip>

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

<Note>
  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](/fr/figma-integration).
</Note>