Skip to main content
Screenshot 2026 05 06 At 14 19 49
Quando sei pronto a condividere o trasferire un design, Flowstep ti permette di esportarlo come immagine statica — un JPG o un PNG. Entrambi i formati sono ampiamente supportati nei tool 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

1

Apri il tuo design

Naviga al design che desideri esportare all’interno di Flowstep.
2

Apri il menu di esportazione

Individua l’opzione di esportazione nella barra degli strumenti o nel pannello di design. Selezionala per aprire le impostazioni di esportazione.
3

Scegli il tuo formato

Seleziona JPG o PNG a seconda del tuo caso d’uso (vedi il confronto qui sotto).
4

Scarica il file

Conferma la tua selezione e scarica l’immagine esportata sul tuo dispositivo.
Screenshot 2026 05 06 At 14 19 39

​
JPG vs PNG: quale formato dovresti usare?

Se stai incollando il tuo design in una presentazione o inviando un’anteprima rapida a un cliente, JPG è solitamente 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.

​
Codice di esportazione

Oltre alle immagini, il pulsante Code esporta il tuo design come codice React + Tailwind — copia uno snippet o scarica l’intero bundle come ZIP. Puoi esportare una singola schermata, diverse schermate selezionate o un intero file in una volta. Quando esporti più di una schermata, ognuna diventa un file di componente separato e qualsiasi navigazione tu abbia impostato tra le schermate è integrata nel codice generato, quindi l’app esportata è cliccabile da capo a coda. I bundle sono autonomi: le immagini utilizzate nel design (incluse quelle allegate nel pannello di chat) sono incluse in una cartella public/assets/ con il codice che le riferisce per percorso locale, quindi l’esportazione funziona così com’è. I file scaricati — immagini e bundle di codice — sono denominati in base alla schermata a cui appartengono (ricadendo al nome del file se la schermata è senza nome), il che mantiene le esportazioni facili da identificare quando lavori con molte schermate.

​
Invia design al tuo agente di codifica

Invece di scaricare un file, puoi passare un design direttamente a un assistente di codifica IA. Fai clic su Send to your coding agent nella barra degli strumenti — o apri la finestra di dialogo di esportazione e scegli la stessa opzione — per copiare un prompt pronto per incollare nel tuo agente:
Il tuo agente legge queste schermate tramite MCP e le ricostruisce nel tuo repository. Incolla questo prompt in Claude, Cursor o il tuo agente preferito.
Il prompt dice al tuo agente di recuperare le schermate tramite il server MCP di Flowstep e di ricostruirle nella tua base di codice. Puoi trasferire una singola schermata, diverse schermate selezionate o un intero file in una volta — il prompt si adatta a quello che hai selezionato. Questo utilizza il server MCP di Flowstep, quindi connetti prima un client MCP. Vedi la panoramica del server MCP per i client supportati e la Guida introduttiva per connettere uno.
Se hai bisogno di portare il tuo design in un flusso di lavoro di editing vettoriale, copialo direttamente in Figma invece. Vedi Copia i design di Flowstep in Figma istantaneamente.