Skip to main content
Screenshot 2026 05 06 At 14 19 49
Kun olet valmis jakamaan tai siirtämään suunnittelua, Flowstep antaa sinun viedä sen staattisena kuvana — joko JPG- tai PNG-muodossa. Molemmat muodot ovat laajalti tuettuja suunnittelutyökaluissa, esityssovelluksissa ja selaimissa, joten voit käyttää tekoäly-luomasi suunnitteluja minne tahansa tarvitset.

​
Kuinka viedä suunnittelusi

1

Avaa suunnittelusi

Siirry haluamaasi suunnitteluun Flowstepissa.
2

Avaa vientivalikko

Paikanna vientivaihtoehto työkalupalkkissa tai suunnittelupaneelissa. Valitse se vientiasetuksien avaamiseksi.
3

Valitse muoto

Valitse JPG tai PNG käyttötarkoituksestasi riippuen (katso vertailua alla).
4

Lataa tiedosto

Vahvista valintasi ja lataa viety kuva laitteeseesi.
Screenshot 2026 05 06 At 14 19 39

​
JPG vai PNG: mitä muotoa sinun tulee käyttää?

Jos liität suunnittelusi kalvosarjaan tai lähetät nopean esikatselun asiakkaalle, JPG on yleensä oikea valinta. Jos tarvitset terävät reunat tai läpinäkyvän taustan — esimerkiksi asettaaksesi suunnittelun toisen kuvan päälle — käytä PNG-muotoa.

​
Viennin koodi

Kuvien lisäksi Code-painike vie näytön React + Tailwind -koodina — kopioi koodikatkelmia tai lataa koko paketti ZIP-tiedostoksi. Paketit ovat itsenäisiä: suunnittelussa käytetyt kuvat (mukaan lukien ne, jotka liitit chat-paneelissa) sisältyvät public/assets/-kansioon, ja koodi viittaa niihin paikallisen polun avulla, joten vienti toimii sellaisenaan. Ladatut tiedostot — sekä kuvat että koodipaketit — nimetään sen näytön mukaan, johon ne kuuluvat (käyttäen tiedoston nimeä, jos näyttö on nimetön). Näin viennit on helppo tunnistaa, kun työskentelet useiden näyttöjen kanssa.
Jos sinun on siirrettävä suunnittelusi vektorimuokkaustyöhön, kopioi se suoraan Figmaan sen sijaan. Katso Kopioi Flowstepin suunnittelut Figmaan hetkessä.