Come esportare il tuo design
1
Apri il tuo design
Accedi 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 in base al tuo caso d’uso (vedi il confronto di seguito).
4
Scarica il file
Conferma la tua selezione e scarica l’immagine esportata sul tuo dispositivo.
JPG o PNG: quale formato dovresti usare?
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 cartellapublic/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.