> ## 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.
# Flowstep डिज़ाइन को JPG या PNG image फाइलों के रूप में डाउनलोड करें
> Flowstep, डिज़ाइन को JPG या PNG के रूप में एक्सपोर्ट करने का समर्थन करता है। जानें कि कौन सा फॉर्मेट आपके use case के लिए सही है और कुछ clicks में अपनी स्क्रीन को डाउनलोड कैसे करें।
जब आप एक डिज़ाइन को share या hand off करने के लिए तैयार हों, तो Flowstep आपको इसे एक static image — या तो JPG या PNG के रूप में export करने देता है। दोनों फॉर्मेट को design tools, presentation software, और browsers में व्यापक रूप से समर्थित किया जाता है, इसलिए आप अपने AI-generated डिज़ाइन को कहीं भी ले जा सकते हैं।
## अपनी डिज़ाइन को एक्सपोर्ट कैसे करें
Flowstep के अंदर उस डिज़ाइन तक navigate करें जिसे आप export करना चाहते हैं।
toolbar या design panel में export option को ढूंढें। export settings को खोलने के लिए इसे select करें।
अपने use case के आधार पर **JPG** या **PNG** को select करें (नीचे comparison देखें)।
अपनी selection की पुष्टि करें और exported image को अपनी device पर डाउनलोड करें।
## JPG बनाम PNG: आपको कौन सा फॉर्मेट उपयोग करना चाहिए?
| | JPG | PNG |
| ---------------------- | ------------------------------------------------------------- | -------------------------------------------------------------- |
| **सर्वश्रेष्ठ के लिए** | Previews को share करना, presentations, stakeholder reviews | Transparent backgrounds के साथ डिज़ाइन, high-fidelity handoffs |
| **फ़ाइल का आकार** | छोटा — email या messaging के माध्यम से share करने के लिए तेज़ | बड़ा — पूरी image detail को retain करता है |
| **पारदर्शिता** | समर्थित नहीं | समर्थित |
| **गुणवत्ता** | थोड़ा compressed | Lossless — कोई गुणवत्ता में कमी नहीं |
अगर आप अपनी डिज़ाइन को एक slide deck में paste कर रहे हैं या एक client को quick preview भेज रहे हैं, तो JPG आमतौर पर सही choice है। अगर आपको crisp edges या एक transparent background की ज़रूरत है — उदाहरण के लिए, डिज़ाइन को दूसरी image पर overlay करने के लिए — PNG का उपयोग करें।
## कोड एक्सपोर्ट करें
Images के अलावा, **Code** button एक स्क्रीन को React + Tailwind code के रूप में export करता है — एक snippet को copy करें, या पूरे bundle को ZIP के रूप में डाउनलोड करें। Bundles आत्मनिर्भर हैं: डिज़ाइन में उपयोग की गई images (जिसमें आपने chat panel में attach की हुई हैं) को `public/assets/` फ़ोल्डर में include किया जाता है और code उन्हें local path द्वारा reference करता है, इसलिए export as-is चलता है।
Downloaded files — images और code bundles दोनों — को उस स्क्रीन के नाम पर रखा जाता है जिससे वे belong करते हैं (अगर स्क्रीन का कोई नाम नहीं है तो फ़ाइल के नाम पर fall back करते हैं), जो exports को आसानी से identify करने योग्य रखता है जब आप कई स्क्रीन के साथ काम कर रहे हों।
अगर आपको अपनी डिज़ाइन को एक vector editing workflow में लेने की ज़रूरत है, तो इसे directly Figma में copy करें। देखें [Flowstep डिज़ाइन को Figma में तुरंत copy करें](/hi/figma-integration)।