Skip to main content
Screenshot 2026 05 06 At 14 19 49
När du är redo att dela eller överlämna en design kan Flowstep exportera den som en statisk bild – antingen en JPG eller en PNG. Båda formaten stöds allmänt i designverktyg, presentationsprogram och webbläsare, så du kan ta dina AI-genererade designer vart som helst du behöver.

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.
Screenshot 2026 05 06 At 14 19 39

JPG eller PNG: vilket format ska du använda?

Om du klistrar in din design i en bildspelsdäck eller skickar en snabb förhandsgranskning till en klient är JPG vanligtvis rätt val. Om du behöver skarpa kanter eller en transparent bakgrund – till exempel för att lägga designen på en annan bild – använd PNG.

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 en public/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.