> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Hent Flowstep-designs som JPG- eller PNG-billedfiler

> Flowstep understøtter eksport af designs som JPG eller PNG. Lær, hvilket format der passer til dit use case, og hvordan du henter dine skærme på få klik.

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.49.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=b9d31a01c99bae3d325fdbfee34529dc" alt="Screenshot 2026 05 06 At 14 19 49" width="1824" height="1388" data-path="images/Screenshot-2026-05-06-at-14.19.49.png" />
</Frame>

Når du er klar til at dele eller overdrage et design, kan Flowstep eksportere det som et statisk billede — enten en JPG eller en 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

<Steps>
  <Step title="Åbn dit design">
    Naviger til det design, du vil eksportere, i Flowstep.
  </Step>

  <Step title="Åbn eksportmenuen">
    Find eksportindstillingen i værktøjslinjen eller designpanelet. Vælg den for at åbne eksportindstillingerne.
  </Step>

  <Step title="Vælg dit format">
    Vælg enten **JPG** eller **PNG** afhængigt af dit use case (se sammenligningen nedenfor).
  </Step>

  <Step title="Hent filen">
    Bekræft dit valg, og hent det eksporterede billede til din enhed.
  </Step>
</Steps>

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.39.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=8f3132e26a9a759315dd87a7a624fe00" alt="Screenshot 2026 05 06 At 14 19 39" width="1828" height="1522" data-path="images/Screenshot-2026-05-06-at-14.19.39.png" />
</Frame>

## JPG vs PNG: hvilket format skal du bruge?

|                     | JPG                                                              | PNG                                                       |
| ------------------- | ---------------------------------------------------------------- | --------------------------------------------------------- |
| **Bedst til**       | Deling af forhåndsvisninger, præsentationer, stakeholder-reviews | Designs med gennemsigtige baggrunde, detaljerede handoffs |
| **Filstørrelse**    | Mindre — hurtigere at dele via e-mail eller besked               | Større — bevarer fuld billeddetalje                       |
| **Gennemsigtighed** | Ikke understøttet                                                | Understøttet                                              |
| **Kvalitet**        | Svagt komprimeret                                                | Tabsfrit — ingen kvalitetstab                             |

<Tip>
  Hvis du indsætter dit design i et diasæt eller sender en hurtig forhåndsvisning til en klient, er JPG normalt det rigtige valg. Hvis du skal bruge skarpe kanter eller en gennemsigtig baggrund — for eksempel for at lægge designet over et andet billede — skal du bruge PNG.
</Tip>

## Kodeeksport

Ud over billeder eksporterer **Code**-knappen en skærm som React + Tailwind-kode — kopier et kodestykke, eller hent hele bundtet som en ZIP. Bundles er selvstændige: billeder, der bruges i designet (inklusive dem, du vedhæftede i chatpanelet), er inkluderet i en `public/assets/`-mappe med koden, der refererer til dem via lokal sti, så eksporten kører som den er.

Downloadede filer — både billeder og kodebundles — navngives efter den skærm, de tilhører (falder tilbage til filnavnet, hvis skærmen er unavngivet), hvilket gør det nemt at identificere eksporter, når du arbejder med mange skærme.

<Note>
  Hvis du skal tage dit design ind i en vektorredigeringsworkflow, skal du kopiere det direkte til Figma i stedet. Se [Kopier Flowstep-designs øjeblikkeligt til Figma](/da/figma-integration).
</Note>
