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

# Descarrega dissenys de Flowstep com a fitxers d'imatge JPG o PNG

> Flowstep admet exportar dissenys com a JPG o PNG. Descobreix quin format s'adapta al teu cas d'ús i com descarregar les teves pantalles en pocs 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>

Quan estàs preparat per a compartir o lliurar un disseny, Flowstep et permet exportar-lo com a imatge estàtica — JPG o PNG. Ambdós formats són àmpliament compatibles en les eines de disseny, programari de presentació i navegadors, de manera que pots portar els teus dissenys generats per IA a qualsevol lloc on els necessitis.

## Com exportar el teu disseny

<Steps>
  <Step title="Obri el teu disseny">
    Navega cap al disseny que vols exportar dins de Flowstep.
  </Step>

  <Step title="Obri el menú d'exportació">
    Localitza l'opció d'exportació a la barra d'eines o al panell de disseny. Selecciona-la per obrir els paràmetres d'exportació.
  </Step>

  <Step title="Tria el teu format">
    Selecciona **JPG** o **PNG** segons el teu cas d'ús (consulta la comparació a continuació).
  </Step>

  <Step title="Descarrega el fitxer">
    Confirma la teva selecció i descarrega la imatge exportada al teu dispositiu.
  </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: quin format hauries d'utilitzar?

|                     | JPG                                                                              | PNG                                                          |
| ------------------- | -------------------------------------------------------------------------------- | ------------------------------------------------------------ |
| **Millor per a**    | Compartir previsualizaciones, presentacions, revisions de les parts interessades | Dissenys amb fons transparents, lliuraments d'alta fidelitat |
| **Mida del fitxer** | Més petit — més ràpid per compartir per correu electrònic o missatgeria          | Més gran — conserva els detalls complets de la imatge        |
| **Transparència**   | No està suportada                                                                | Suportada                                                    |
| **Qualitat**        | Lleugerament comprimit                                                           | Sense pèrdua — sense reducció de qualitat                    |

<Tip>
  Si estàs copiant el teu disseny en una presentació de diapositives o enviant una vista prèvia ràpida a un client, JPG és normalment la millor opció. Si necessites vores nítides o un fons transparent — per exemple, per superposar el disseny sobre una altra imatge — utilitza PNG.
</Tip>

## Exportar codi

A més d'imatges, el botó **Code** exporta una pantalla com a codi React + Tailwind — copia un fragment o descarrega el paquet complet com a ZIP. Els paquets són autònoms: les imatges utilitzades en el disseny (incloses les que has adjuntat en el panell de xat) s'inclouen en una carpeta `public/assets/` amb el codi que hi fa referència per ruta local, de manera que l'exportació s'executa tal qual.

Els fitxers descargats — imatges i paquets de codi per igual — es basen en el nom de la pantalla a la qual pertanyen (tornant al nom del fitxer si la pantalla no té nom), que facilita la identificació de les exportacions quan treballes amb moltes pantalles.

<Note>
  Si necessites portar el teu disseny a un flux de treball d'edició vectorial, copia'l directament a Figma en comptes. Consulta [Copy Flowstep designs into Figma instantly](/ca/figma-integration).
</Note>