Pāriet uz galveno saturu
Screenshot 2026 05 06 At 14 19 49
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

1

Atveriet savu dizainu

Pārgājiet uz dizainu, ko vēlaties eksportēt Flowstep iekšienē.
2

Atveriet eksporta izvēlni

Atrodiet eksporta opciju rīkjoslā vai dizaina panelī. Atlasiet to, lai atvērtu eksporta iestatījumus.
3

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).
4

Lejupielādējiet failu

Apstipriniet savu atlasi un lejupielādējiet eksportēto attēlu uz savu ierīci.
Screenshot 2026 05 06 At 14 19 39

​
JPG vs PNG: kādu formātu jums izvēlēties?

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.

​
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 atbalstītiem klientiem un Ātro sākšanu savienošanai.
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.