Spring til hovedindhold
Screenshot 2026 05 06 At 14 19 49
Når du er klar til at dele eller overdrage et design, lader Flowstep dig eksportere det som et statisk billede – enten JPG eller PNG. Begge formater er bredt understøttet på tværs af designværktøjer, præsentationssoftware og browsere, så du kan tage dine AI-genererede designs, hvor du skal bruge dem.

​
Sådan eksporterer du dit design

1

Åbn dit design

Naviger til det design, du vil eksportere, inden for 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 brugssituationelle (se sammenligningen herunder).
4

Download filen

Bekræft dit valg, og download det eksporterede billede til din enhed.
Screenshot 2026 05 06 At 14 19 39

​
JPG vs PNG: hvilket format skal du bruge?

Hvis du klister dit design ind i et slidedeck eller sender en hurtig forhåndsvisning til en klient, er JPG normalt det rigtige valg. Hvis du har brug for skarpe kanter eller en gennemsigtig baggrund – for eksempel for at overlejre designet på et andet billede – skal du bruge PNG.

​
Eksportér kode

Ud over billeder eksporterer Code-knappen dit design som React + Tailwind-kode – kopier et uddrag, eller download hele bundtet som en ZIP. Du kan eksportere en enkelt skærm, flere valgte skærme eller en hele fil på én gang. Når du eksporterer mere end en skærm, bliver hver til sin egen komponentfil, og enhver navigation, du har oprettet mellem skærme, er forbundet i den genererede kode, så den eksporterede app er klikkbar fra ende til anden. Bundter er selvindeholdt: billeder, der bruges i designet (herunder dem, du vedhæftede i chatpanelet), er inkluderet i en public/assets/-mappe med kode, der refererer til dem ved lokal sti, så eksporten kører, som den er. Downloadede filer – både billeder og kodebundter – navngives efter den skærm, de tilhører (der falder tilbage til filnavnet, hvis skærmen er navnløs), som holder eksporten nem at identificere, når du arbejder med mange skærme.

​
Send designs til din coding agent

I stedet for at downloade en fil kan du give et design direkte til en AI-kodningsassistent. Klik Send to your coding agent i værktøjslinjen – eller åbn eksportdialogen og vælg den samme mulighed – for at kopiere en klar-til-indsættelse-prompt til din agent:
Your agent reads these screens over MCP and builds them in your repo. Paste this prompt into Claude, Cursor, or your preferred agent.
Prompten fortæller din agent at hente skærmene over Flowstep MCP-serveren og genopbygge dem i dit kodearkiv. Du kan overdrage en enkelt skærm, flere valgte skærme eller en hele fil på én gang – prompten tilpasser sig, hvad du har valgt. Dette bruger Flowstep MCP-serveren, så forbind en MCP-klient først. Se MCP server overview for understøttede klienter og Quickstart for at forbinde en.
Hvis du skal tage dit design ind i en vektorediteringsarbejdsgang, skal du kopiere det direkte til Figma i stedet. Se Copy Flowstep designs into Figma instantly.