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

# Lejupielādējiet Flowstep dizainus kā JPG vai PNG attēlu failus

> Flowstep atbalsta dizainu eksportēšanu kā JPG vai PNG. Uzziniet, kāds formāts ir piemērots jūsu gadījumam, un kā lejupielādēt savus ekrānus ar dažiem klikšķiem.

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

Kad esat gatavs dalīties ar dizainu vai to nodot tālāk, Flowstep ļauj jums eksportēt to kā statisks attēls — vai nu JPG, vai PNG. Abi formāti ir plaši atbalstīti dizaina rīkos, prezentācijas programmās un pārlūkos, tāpēc jūs varat ņemt savus AI ģenerētos dizainus, kur vien jums tie nepieciešami.

## Kā eksportēt savu dizainu

<Steps>
  <Step title="Atveriet savu dizainu">
    Pārgājiet uz dizainu, ko vēlaties eksportēt Flowstep iekšienē.
  </Step>

  <Step title="Atveriet eksporta izvēlni">
    Atrodiet eksporta opciju rīkjoslā vai dizaina panelī. Atlasiet to, lai atvērtu eksporta iestatījumus.
  </Step>

  <Step title="Izvēlieties savu formātu">
    Atlasiet vai nu **JPG**, vai **PNG**, atkarībā no jūsu lietošanas gadījuma (skatiet tālāk salīdzinājumu).
  </Step>

  <Step title="Lejupielādējiet failu">
    Apstipriniet savu atlasi un lejupielādējiet eksportēto attēlu uz savu ierīci.
  </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: kādu formātu jums izvēlēties?

| | JPG | PNG |
| - | - | - |
| **Labāk piemērots** | Priekšskatījumu koplietošana, prezentācijas, ieinteresēto pušu pārskatīšana | Dizaini ar caurspīdīgiem foniem, precīzi handoff-i |
| **Faila lielums** | Mazāks — ātrāk kopīgot pa e-pastu vai ziņojumiem | Lielāks — saglabā pilnu attēla detalizāciju |
| **Caurspīdīgums** | Netiek atbalstīts | Tiek atbalstīts |
| **Kvalitāte** | Nedaudz saspiests | Bez zudumiem — bez kvalitātes samazināšanās |

<Tip>
  Ja jūs ievietojat savu dizainu slaidu paketē vai nosūtāt ātru priekšskatījumu klientam, JPG parasti ir pareizā izvēle. Ja jums nepieciešamas asas malas vai caurspīdīgs fons — piemēram, lai uzliktu dizainu uz cita attēla — izmantojiet PNG.
</Tip>

## Eksporta kods

Papildus attēliem, **Code** poga eksportē jūsu dizainu kā React + Tailwind kodu — kopējiet fragmentu vai lejupielādējiet pilnu paketi kā ZIP. Jūs varat eksportēt vienu ekrānu, vairākus atlasītus ekrānus vai veselu failu uzreiz. Exportējot vairāk nekā vienu ekrānu, katrs kļūst par savu komponenta failu un jebkāda navigācija, ko jūs esat iestatījis starp ekrāniem, tiek savienota ģenerētajā kodā, tāpēc eksportētā programma ir noklikšķējama no sākuma līdz beigām. Paketes ir patstāvīgas: attēli, ko izmantojat dizainā (ieskaitant tos, ko pievienojāt čata panelī), ir iekļauti `public/assets/` mapē ar kodu, kas atsaucas uz tiem ar lokālu ceļu, tāpēc eksports darbojas kā jāņem.

Lejupielādētie faili — gan attēli, gan koda paketes — ir nosaukti pēc ekrāna, kuram tie pieder (pārejot uz faila nosaukumu, ja ekrāns nav nosaukts), kas padara eksportus viegli identificējamus, strādājot ar daudziem ekrāniem.

## Nosūtiet dizainus uz savu kodēšanas aģentu

Tā vietā, lai lejupielādētu failu, varat nodot dizainu tieši AI kodēšanas asistentam. Noklikšķiniet uz **Send to your coding agent** rīkjoslā — vai atveriet eksporta dialoglodziņu un atlasiet to pašu opciju — lai kopētu gatavu uzvedni jūsu aģentam:

> Jūsu aģents lasa šos ekrānus caur MCP un atjauno tos jūsu repozitorijā. Ielīmējiet šo uzvedni Claude, Cursor vai savam iemīļotajam aģentam.

Uzvedne norāda jūsu aģentam iegūt ekrānus caur Flowstep MCP serveri un atjaunot tos jūsu koda bāzē. Jūs varat nodot vienu ekrānu, vairākus atlasītus ekrānus vai veselu failu uzreiz — uzvedne pielāgojas tam, ko esat atlasījis.

Tas izmanto Flowstep MCP serveri, tāpēc vispirms pievienojiet MCP klientu. Skatiet [MCP servera pārskatu](/lv/mcp/overview) atbalstītiem klientiem un [Ātro sākšanu](/lv/mcp/quickstart) savienošanai.

<Note>
  Ja jums nepieciešams ņemt savu dizainu vektoru rediģēšanas darbplūsmā, kopējiet to tieši Figmā tā vietā. Skatiet [Kopējiet Flowstep dizainus uz Figma uzreiz](/lv/figma-integration).
</Note>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.