Hopp til hovedinnhold
Screenshot 2026 05 06 At 14 19 49
Når du er klar til å dele eller overlevere et design, lar Flowstep deg eksportere det som et statisk bilde – enten JPG eller PNG. Begge formater støttes bredt på designverktøy, presentasjonsprogrammer og nettlesere, slik at du kan ta AI-genererte design dine med deg hvor du trenger dem.

​
Slik eksporterer du designet ditt

1

Åpne designet ditt

Gå til designet du vil eksportere i Flowstep.
2

Åpne eksportmenyen

Finn eksportalternativet i verktøylinjen eller designpanelet. Velg det for å åpne eksportinnstillingene.
3

Velg formatet ditt

Velg enten JPG eller PNG avhengig av brukstilfelle (se sammenligningen nedenfor).
4

Last ned filen

Bekreft valget ditt og last ned det eksporterte bildet til enheten din.
Screenshot 2026 05 06 At 14 19 39

​
JPG vs PNG: hvilket format bør du bruke?

Hvis du limer inn designet ditt i et lysbildedekk eller sender en rask forhåndsvisning til en klient, er JPG vanligvis det rette valget. Hvis du trenger skarpe kanter eller en transparent bakgrunn – for eksempel for å legge designet over et annet bilde – bruk PNG.

​
Eksportkode

Ut over bilder eksporterer Code-knappen designet ditt som React + Tailwind-kode – kopier et utdrag eller last ned hele bunten som en ZIP. Du kan eksportere en enkelt skjerm, flere valgte skjermer eller en hel fil på en gang. Når du eksporterer mer enn én skjerm, blir hver til sin egen komponentfil, og navigasjonen du har satt opp mellom skjermer, er koblet inn i den genererte koden, slik at den eksporterte appen er klikkbar fra ende til ende. Bunter er selvstendige: bilder som brukes i designet (inkludert de du vedla i chatpanelet) er inkludert i en public/assets/-mappe med koden som refererer til dem ved lokal sti, slik at eksporten kjører som den er. Nedlastede filer – både bilder og kodebunter – navngis etter skjermen de tilhører (faller tilbake til filnavnet hvis skjermen er navnløs), noe som gjør eksporter lette å identifisere når du arbeider med mange skjermer.

​
Send design til kodingsagenten din

I stedet for å laste ned en fil kan du overlevere et design direkte til en AI-kodingsassistent. Klikk Send to your coding agent i verktøylinjen – eller åpne eksportdialogen og velg samme alternativ – for å kopiere et klipp-og-lim-klart prompt for agenten din:
Your agent reads these screens over MCP and builds them in your repo. Paste this prompt into Claude, Cursor, or your preferred agent.
Promptet forteller agenten din å hente skjermene over Flowstep MCP-serveren og gjenoppbygge dem i koderepositoriet ditt. Du kan overlevere en enkelt skjerm, flere valgte skjermer eller en hel fil på en gang – promptet tilpasser seg det du har valgt. Dette bruker Flowstep MCP-serveren, så kobl en MCP-klient først. Se MCP-serveroversikten for støttede klienter og Quickstart for å koble til en.
Hvis du trenger å ta designet ditt inn i en vektorredigeringsarbeidsflyt, kopier det direkte til Figma i stedet. Se Kopier Flowstep-design til Figma øyeblikkelig.