> ## 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.
# Scarica i design di Flowstep come file di immagine JPG o PNG
> Flowstep supporta l'esportazione di design in JPG o PNG. Scopri quale formato si adatta al tuo caso d'uso e come scaricare le tue schermate in pochi clic.
Quando sei pronto a condividere o consegnare un design, Flowstep ti permette di esportarlo come immagine statica, in JPG o PNG. Entrambi i formati sono ampiamente supportati da strumenti di design, software di presentazione e browser, quindi puoi portare i tuoi design generati da IA ovunque tu ne abbia bisogno.
## Come esportare il tuo design
Accedi al design che desideri esportare all'interno di Flowstep.
Individua l'opzione di esportazione nella barra degli strumenti o nel pannello di design. Selezionala per aprire le impostazioni di esportazione.
Seleziona **JPG** o **PNG** in base al tuo caso d'uso (vedi il confronto di seguito).
Conferma la tua selezione e scarica l'immagine esportata sul tuo dispositivo.
## JPG o PNG: quale formato dovresti usare?
| | JPG | PNG |
| ----------------------- | ----------------------------------------------------------------- | ------------------------------------------------------- |
| **Più adatto per** | Condividere anteprime, presentazioni, revisioni degli stakeholder | Design con sfondi trasparenti, consegne ad alta fedeltà |
| **Dimensione del file** | Minore — più veloce da condividere tramite email o messaggistica | Più grande — mantiene tutti i dettagli dell'immagine |
| **Trasparenza** | Non supportata | Supportata |
| **Qualità** | Leggermente compresso | Senza perdita — nessuna riduzione di qualità |
Se stai incollando il tuo design in una presentazione o inviando una rapida anteprima a un cliente, JPG è di solito la scelta giusta. Se hai bisogno di bordi nitidi o di uno sfondo trasparente, ad esempio per sovrapporre il design a un'altra immagine, usa PNG.
## Esporta codice
Oltre alle immagini, il pulsante **Code** esporta una schermata come codice React + Tailwind, puoi copiare uno snippet o scaricare il bundle completo come ZIP. I bundle sono autonomi: le immagini utilizzate nel design (incluse quelle allegate nel pannello chat) sono incluse in una cartella `public/assets/` con il codice che le riferisce tramite percorso locale, quindi l'esportazione funziona così com'è.
I file scaricati, sia immagini che bundle di codice, sono nominati in base alla schermata a cui appartengono (ricorrendo al nome del file se la schermata è senza nome), il che mantiene le esportazioni facili da identificare quando lavori con molte schermate.
Se hai bisogno di portare il tuo design in un flusso di lavoro di editing vettoriale, copialo direttamente in Figma. Vedi [Copia i design di Flowstep in Figma istantaneamente](/it/figma-integration).