
Sådan eksporterer du dit design
1
Åbn dit design
Naviger til det design, du vil eksportere, i Flowstep.
2
Åbn eksportmenuen
Find eksportindstillingen i værktøjslinjen eller designpanelet. Vælg den for at åbne eksportindstillingerne.
3
Vælg dit format
Vælg enten JPG eller PNG afhængigt af dit use case (se sammenligningen nedenfor).
4
Hent filen
Bekræft dit valg, og hent det eksporterede billede til din enhed.

JPG vs PNG: hvilket format skal du bruge?
Kodeeksport
Ud over billeder eksporterer Code-knappen en skærm som React + Tailwind-kode — kopier et kodestykke, eller hent hele bundtet som en ZIP. Bundles er selvstændige: billeder, der bruges i designet (inklusive dem, du vedhæftede i chatpanelet), er inkluderet i enpublic/assets/-mappe med koden, der refererer til dem via lokal sti, så eksporten kører som den er.
Downloadede filer — både billeder og kodebundles — navngives efter den skærm, de tilhører (falder tilbage til filnavnet, hvis skærmen er unavngivet), hvilket gør det nemt at identificere eksporter, når du arbejder med mange skærme.
Hvis du skal tage dit design ind i en vektorredigeringsworkflow, skal du kopiere det direkte til Figma i stedet. Se Kopier Flowstep-designs øjeblikkeligt til Figma.