
Så exporterar du din design
1
Öppna din design
Navigera till den design du vill exportera i Flowstep.
2
Öppna exportmenyn
Hitta exportalternativet i verktygsfältet eller designpanelen. Välj det för att öppna exportinställningarna.
3
Välj ditt format
Välj antingen JPG eller PNG beroende på ditt användningsfall (se jämförelsen nedan).
4
Ladda ner filen
Bekräfta ditt val och ladda ner den exporterade bilden till din enhet.

JPG eller PNG: vilket format ska du använda?
Exportera kod
Utöver bilder exporterar knappen Code en skärm som React + Tailwind-kod – kopiera ett kodavsnitt eller ladda ner hela paketet som en ZIP. Paketen är självständiga: bilder som används i designen (inklusive de du bifogar i chattningspanelen) ingår i enpublic/assets/-mapp med kod som refererar till dem via lokal sökväg, så exporten fungerar omedelbar.
Nedladdade filer – både bilder och kodpaket – namnges efter skärmen de tillhör (återgår till filnamnet om skärmen är namnlös), vilket gör det enkelt att identifiera exporter när du arbetar med många skärmar.
Om du behöver ta din design in i ett vektorredigeringsarbetsflöde kopierar du den direkt till Figma i stället. Se Kopiera Flowstep-designer till Figma direkt.