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

# Descarcă designuri Flowstep ca fișiere imagine JPG sau PNG

> Flowstep acceptă exportul designurilor ca JPG sau PNG. Aflați ce format se potrivește cazului tău și cum să descarci ecranele tale în câteva clicuri.

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

Când ești gata să partajezi sau să predați un design, Flowstep te permite să-l exporți ca imagine statică — fie JPG, fie PNG. Ambele formate sunt larg acceptate în design tools, software de prezentare și browsere, deci poți duce design-urile generate de AI oriunde ai nevoie.

## Cum să exporți designul tău

<Steps>
  <Step title="Deschide designul tău">
    Navighează la designul pe care vrei să-l exporți în Flowstep.
  </Step>

  <Step title="Deschide meniul de export">
    Localizează opțiunea de export în toolbar sau panelul de design. Selecteaz-o pentru a deschide setările de export.
  </Step>

  <Step title="Alege formatul tău">
    Selectează fie **JPG**, fie **PNG** în funcție de cazul tău (vezi comparația mai jos).
  </Step>

  <Step title="Descarcă fișierul">
    Confirmă alegerea ta și descarcă imaginea exportată pe dispozitivul tău.
  </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: ce format ar trebui să folosești?

|                            | JPG                                                                  | PNG                                                             |
| -------------------------- | -------------------------------------------------------------------- | --------------------------------------------------------------- |
| **Cel mai bun pentru**     | Partajarea previzualizărilor, prezentărilor, recenziilor stakeholder | Designuri cu funduri transparente, predări de înaltă fidelitate |
| **Dimensiunea fișierului** | Mai mic — mai rapid de partajat prin email sau messaging             | Mai mare — păstrează detaliu complet al imaginii                |
| **Transparență**           | Nu este suportat                                                     | Suportat                                                        |
| **Calitate**               | Ușor comprimat                                                       | Lossless — fără reducere de calitate                            |

<Tip>
  Dacă lipi designul tău într-o prezentare sau trimiți o previzualizare rapidă unui client, JPG este de obicei alegerea corectă. Dacă ai nevoie de margini clare sau de un fundal transparent — de exemplu, pentru a suprapune designul pe o altă imagine — folosește PNG.
</Tip>

## Export de cod

Dincolo de imagini, butonul **Code** exportă un ecran ca cod React + Tailwind — copiază un snippet, sau descarcă bundle-ul complet ca ZIP. Bundle-urile sunt self-contained: imaginile folosite în design (incluzând cele pe care le-ai atașat în panelul de chat) sunt incluse într-un folder `public/assets/` cu codul referindu-se la ele prin cale locală, deci exportul rulează ca atare.

Fișierele descărcate — imagini și bundle-uri de cod la fel — sunt denumite după ecranul din care aparțin (revenind la numele fișierului dacă ecranul este fără nume), ceea ce ține exporturile ușor de identificat când lucrezi cu multe ecrane.

<Note>
  Dacă ai nevoie să iei designul tău într-un flux de editare vectorial, copiază-l direct în Figma. Vezi [Copiază designuri Flowstep în Figma instant](/ro/figma-integration).
</Note>