Salt la conținutul principal
Screenshot 2026 05 06 At 14 19 49
Când ești gata să partajezi sau să predați un design, Flowstep te permite să-l exporți ca imagine statică — fie JPG, fie PNG. Ambele formate sunt larg acceptate în design tools, software de prezentare și browsere, deci poți duce design-urile generate de AI oriunde ai nevoie.

​
Cum să exporți designul tău

1

Deschide designul tău

Navighează la designul pe care vrei să-l exporți în Flowstep.
2

Deschide meniul de export

Localizează opțiunea de export în toolbar sau panelul de design. Selecteaz-o pentru a deschide setările de export.
3

Alege formatul tău

Selectează fie JPG, fie PNG în funcție de cazul tău (vezi comparația mai jos).
4

Descarcă fișierul

Confirmă alegerea ta și descarcă imaginea exportată pe dispozitivul tău.
Screenshot 2026 05 06 At 14 19 39

​
JPG vs PNG: ce format ar trebui să folosești?

Dacă lipi designul tău într-o prezentare sau trimiți o previzualizare rapidă unui client, JPG este de obicei alegerea corectă. Dacă ai nevoie de margini clare sau de un fundal transparent — de exemplu, pentru a suprapune designul pe o altă imagine — folosește PNG.

​
Export de cod

Dincolo de imagini, butonul Code exportă designul ca cod React + Tailwind — copiază un snippet, sau descarcă bundle-ul complet ca ZIP. Poți exporta un singur ecran, mai multe ecrane selectate, sau un întreg fișier simultan. Când exporți mai de un ecran, fiecare devine fișierul său de componentă și navigarea pe care ai stabilit-o între ecrane este conectată în codul generat, deci aplicația exportată este clicabilă de la cap la coadă. Bundle-urile sunt self-contained: imaginile folosite în design (incluzând cele pe care le-ai atașat în panelul de chat) sunt incluse într-un folder public/assets/ cu codul referindu-se la ele prin cale locală, deci exportul rulează ca atare. Fișierele descărcate — imagini și bundle-uri de cod la fel — sunt denumite după ecranul din care aparțin (revenind la numele fișierului dacă ecranul este fără nume), ceea ce ține exporturile ușor de identificat când lucrezi cu multe ecrane.

​
Trimite designuri agentului tău de codare

În loc să descarci un fișier, poți preda un design direct unui asistent de codare AI. Apasă Send to your coding agent în toolbar — sau deschide dialogul de export și alege aceeași opțiune — pentru a copia un prompt gata de lipit pentru agentul tău:
Agentul tău citește aceste ecrane peste MCP și le reconstruiește în depozit. Lipește acest prompt în Claude, Cursor, sau agentul preferat.
Promptul spune agentului tău să prelueze ecranele prin serverul MCP Flowstep și să le reconstruiască în codebase-ul tău. Poți transfera un singur ecran, mai multe ecrane selectate, sau un întreg fișier simultan — promptul se adaptează la ceea ce ai selectat. Aceasta utilizează serverul MCP Flowstep, deci conectează mai întâi un client MCP. Vezi prezentarea generală a serverului MCP pentru clienții suportați și Ghidul de pornire rapidă pentru a conecta unul.
Dacă ai nevoie să iei designul tău într-un flux de editare vectorial, copiază-l direct în Figma. Vezi Copiază designuri Flowstep în Figma instant.