Så exporterar du din design
Öppna exportmenyn
Hitta exportalternativet i verktygsfältet eller designpanelen. Välj det för att öppna exportinställningarna.
Välj ditt format
Välj antingen JPG eller PNG beroende på ditt användningsfall (se jämförelsen nedan).
JPG eller PNG: vilket format ska du använda?
| JPG | PNG | |
|---|---|---|
| Bäst för | Delning av förhandsgranskningar, presentationer, granskning av intressenter | Designer med transparenta bakgrunder, högupplöst överlämning |
| Filstorlek | Mindre – snabbare att dela via e-post eller meddelanden | Större – behåller fullständig bilddetalj |
| Transparens | Stöds inte | Stöds |
| Kvalitet | Något komprimerad | Förlustfri – ingen kvalitetsreducering |
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.