> ## 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.

# Last ned Flowstep-design som JPG- eller PNG-bildefiler

> Flowstep støtter eksportering av design som JPG eller PNG. Lær hvilket format som passer til ditt brukstilfelle og hvordan du laster ned skjermene dine på få klikk.

<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 å dele eller overlevere et design, lar Flowstep deg eksportere det som et statisk bilde – enten JPG eller PNG. Begge formatene er bredt støttet på tvers av designverktøy, presentasjonsprogramvare og nettlesere, så du kan ta dine AI-genererte design hvor du trenger dem.

## Slik eksporterer du designet ditt

<Steps>
  <Step title="Åpne designet ditt">
    Gå til designet du ønsker å eksportere i Flowstep.
  </Step>

  <Step title="Åpne eksportmenyen">
    Finn eksportalternativet på verktøylinja eller designpanelet. Velg det for å åpne eksportinnstillingene.
  </Step>

  <Step title="Velg formatet ditt">
    Velg enten **JPG** eller **PNG** avhengig av ditt brukstilfelle (se sammenligningen nedenfor).
  </Step>

  <Step title="Last ned filen">
    Bekreft valget ditt og last ned det eksporterte bildet til enheten din.
  </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 bør du bruke?

|                      | JPG                                                                   | PNG                                                          |
| -------------------- | --------------------------------------------------------------------- | ------------------------------------------------------------ |
| **Beste til**        | Deling av forhåndsvisninger, presentasjoner, interessentgjennomganger | Design med gjennomsiktige bakgrunner, presise overlevaringer |
| **Filstørrelse**     | Mindre – raskere å dele via e-post eller melding                      | Større – beholder full bilddetalj                            |
| **Gjennomsiktighet** | Ikke støttet                                                          | Støttet                                                      |
| **Kvalitet**         | Litt komprimert                                                       | Tapsfri – ingen kvalitetsreduksjon                           |

<Tip>
  Hvis du limer inn designet ditt i en presentasjon eller sender en rask forhåndsvisning til en klient, er JPG vanligvis det riktige valget. Hvis du trenger skarpe kanter eller en gjennomsiktig bakgrunn – for eksempel for å legge designet over et annet bilde – bruker du PNG.
</Tip>

## Kodeeksport

Utenom bilder eksporterer **Code**-knappen en skjerm som React + Tailwind-kode – kopier et utdrag, eller last ned hele pakken som en ZIP. Pakker er selvstendige: bilder som brukes i designet (inkludert de du la ved i chatpanelet) er inkludert i en `public/assets/`-mappe med koden som refererer til dem via lokal sti, så eksporten kjører som den er.

Nedlastede filer – både bilder og kodepakker – er navngitt etter skjermen de tilhører (filnavnet som standard hvis skjermen er unavngitt), noe som gjør eksporter enkle å identifisere når du jobber med mange skjermer.

<Note>
  Hvis du trenger å ta designet ditt inn i en vektoredigeringsarbeidsflyt, kopier det direkte til Figma i stedet. Se [Kopier Flowstep-design til Figma øyeblikkelig](/no/figma-integration).
</Note>
