मुख्य सामग्री पर जाएं
Screenshot 2026 05 06 At 14 25 48
Flowstep डिज़ाइन जनरेशन के बाद पूरी तरह से संपादन योग्य हैं। आप AI द्वारा पहली बार उत्पन्न किए गए डिज़ाइन तक सीमित नहीं हैं—आप एडिटर में सीधे विज़ुअल समायोजित कर सकते हैं, चैट का उपयोग करके सादे भाषा में परिवर्तन का वर्णन कर सकते हैं, या Flowstep से भिन्नताएं और नई स्क्रीन जेनरेट करने के लिए कह सकते हैं। आप जो परिवर्तन करना चाहते हैं, उसके लिए सबसे उपयुक्त तरीका चुनें।

संपादन के दो तरीके

कैनवास पर सीधे तत्वों का चयन और संशोधन करके परिवर्तन करें। यह विधि सटीक समायोजन के लिए सर्वोत्तम है—एक घटक को स्थानांतरित करना, रंग बदलना, लेबल अपडेट करना, या स्पेसिंग को ट्वीक करना।
1

उस तत्व का चयन करें जिसे आप बदलना चाहते हैं

अपने डिज़ाइन में किसी भी घटक या परत पर क्लिक करके इसे चुनें।
2

अपने परिवर्तन करें

एडिटर नियंत्रणों का उपयोग करके रंग, आकार, स्थिति, या टेक्स्ट सामग्री जैसी संपत्तियों को समायोजित करें।
3

परिणाम की समीक्षा करें

आपके परिवर्तन कैनवास पर तुरंत लागू हो जाते हैं। संपादन जारी रखें या अगली स्क्रीन पर जाएं।

स्क्रीन के केवल एक भाग को संपादित करें

आपको पूरी स्क्रीन संपादित करने की आवश्यकता नहीं है। एक उप-तत्व—एक कार्ड, एक बटन, एक टेक्स्ट लेबल—का चयन करें और आपका चैट प्रॉम्प्ट केवल इसी पर लागू होता है, बाकी स्क्रीन को अछूता छोड़ते हुए।
  • Direct selection मोड पर स्विच करें Shift+V के साथ (या Select टूलबार बटन पर ड्रॉपडाउन) आपकी क्लिक के तहत सबसे गहरे तत्व का चयन करने के लिए। सामान्य चयन के लिए V दबाएं, या Cmd (Mac) / Ctrl (Windows) को होल्ड करके अस्थायी रूप से सीधा चयन का उपयोग करें। Escape सीधा चयन से बाहर निकलता है।
  • Cmd+Shift के साथ कई स्क्रीन में उप-तत्वों का चयन करें — एक एकल प्रॉम्प्ट प्रति मैसेज 6 स्क्रीन तक संपादित कर सकता है।
जब एक इमेज तत्व का चयन किया जाता है (वायरफ्रेम मोड के बाहर), एक Image पैनल प्रॉपर्टी पैनल में दिखाई देता है: इमेज का पूर्वावलोकन करें, प्रिव्यू पर एक नई इमेज फ़ाइल को ड्रैग करके या Pick image पर क्लिक करके इसे स्वैप करें, या इसे Download image के साथ सहेजें।

तत्वों को कॉपी और पेस्ट करें

चयन को कॉपी करें और उसे जहां भी ज़रूरत हो वहां पेस्ट करें — उसी फ़ाइल में, किसी दूसरी फ़ाइल में, या किसी दूसरे ब्राउज़र टैब में, क्योंकि कॉपी आपके सिस्टम क्लिपबोर्ड पर जाती हैं।
  • कॉपी करने के लिए Cmd+C (Mac) / Ctrl+C (Windows) दबाएं, कट करने के लिए Cmd+X / Ctrl+X, और पेस्ट करने के लिए Cmd+V / Ctrl+V।
  • चयन को उसी जगह डुप्लिकेट करने के लिए Cmd+D / Ctrl+D दबाएं।
  • पेस्ट किए गए तत्व मूल तत्वों से थोड़ा हटकर आते हैं, ताकि वे उन्हें ढकें नहीं।
ये शॉर्टकट चयनित तत्वों पर काम करते हैं; टेक्स्ट संपादित करते समय, ये सामान्य टेक्स्ट कॉपी और पेस्ट पर वापस आ जाते हैं।

कैनवस पर स्क्रीन के नाम रखें

कैनवस पर हर स्क्रीन अपने ऊपर के लेबल पर अपना नाम दिखाती है। जिस स्क्रीन को आपने अभी तक नाम नहीं दिया है, वह Screen दिखाती है।
  • स्क्रीन का नाम बदलने के लिए लेबल पर डबल-क्लिक करें, फिर सेव करने के लिए Enter दबाएं — कहीं और क्लिक करने पर भी सेव हो जाता है। नाम 100 अक्षरों तक हो सकते हैं।
  • स्क्रीन को चुनने के लिए लेबल पर एक बार क्लिक करें, फिर उसे कैनवस पर इधर-उधर ले जाने के लिए ड्रैग करें।

अपारदर्शिता, ब्लेंड मोड और कोने समायोजित करें

प्रॉपर्टी पैनल में किसी तत्व का चयन करके उसकी दिखावट को बारीकी से समायोजित करें:
  • Opacity (अपारदर्शिता) — तत्व कितना पारदर्शी है, यह 0 से 100% तक सेट करें। उसी पैनल में एक ब्लेंड मोड (Normal, Multiply, Screen, Overlay, और अन्य) भी है, जो नियंत्रित करता है कि तत्व अपने पीछे मौजूद चीज़ों के साथ कैसे मिलता है।
  • Corners (कोने) — तत्व के कोनों को गोल करें। सभी चार के लिए एकल Corner radius (कोने की त्रिज्या) सेट करें, या ऊपर-बाएं, ऊपर-दाएं, नीचे-दाएं और नीचे-बाएं कोनों को उनकी अलग त्रिज्या देने के लिए Per corner (प्रति कोना) चालू करें। प्रत्येक मान आपकी थीम से एक Token (टोकन) या एक Custom (कस्टम) राशि हो सकता है।

पिक्सेल तक ज़ूम इन करें

स्पेसिंग और संरेखण को बारीकी से जांचने के लिए कैनवास को 25,600% तक ज़ूम करें। 200% से आगे, पिक्सेल-संरेखित ग्रिड लाइनें दिखाई देती हैं, और आप जितना अधिक ज़ूम इन करते हैं, वे उतनी ही स्पष्ट होती जाती हैं, ताकि आप तत्वों को बिल्कुल सटीक रूप से संरेखित कर सकें।

किसी पूर्व संस्करण को पुनः स्थापित करें

चैट हिस्ट्री में प्रत्येक AI जनरेशन अपना मूल परिणाम रखता है। यदि किसी स्क्रीन को जनरेट होने के बाद संपादित या हटाया गया है, तो उसका चैट मैसेज एक Restore बटन दिखाता है — Restore original एडिट को रिवर्ट करने के लिए, या Restore / Restore all हटाई गई स्क्रीन को वापस लाने के लिए। एडिट गलत दिशा में जाने के बाद एक ज्ञात-अच्छी स्थिति में वापस जाने के लिए इसका उपयोग करें। चैट पैनल में किसी भी मैसेज पर होवर करें यह देखने के लिए कि यह कब भेजा गया था। हाल के मैसेज समय दिखाते हैं; पुराने लोग दिखाते हैं कि कितने समय पहले भेजे गए थे (उदाहरण के लिए, “1 दिन पहले”), एक टूलटिप में पूर्ण तारीख और समय के साथ।

एक-क्लिक क्रियाएं

Screenshot 2026 05 06 At 14 29 34
सीधे एडिट्स के अलावा, आप Flowstep को विकल्पों की खोज करने के लिए कह सकते हैं:
  • Try again from scratch — शुरुआत से करने के लिए Flowstep को कहें एक अलग लेआउट या विज़ुअल दिशा के साथ वर्तमान स्क्रीन का एक ताज़ा संस्करण तैयार करने के लिए।
  • Show the next screen — Flowstep से कहें कि उपयोगकर्ता प्रवाह में तार्किक रूप से अगला क्या आता है इसे जेनरेट करने के लिए।
  • Make it pretty — डिज़ाइन में स्पेसिंग, संरेखण और रंग समायोजित करें। लेआउट समान रहता है।
ये विकल्प आपको प्रत्येक बार एक प्रॉम्प्ट लिखे बिना तेजी से पुनरावृत्ति करने की अनुमति देते हैं।

परिष्कृत करने के लिए पुनरावृत्ति करना

डिज़ाइन शायद ही कभी पहले प्रयास पर बिल्कुल सही होता है। प्रतिक्रिया के प्रत्येक दौर के लिए चैट-आधारित एडिटिंग का उपयोग करें—वर्णन करें कि क्या काम कर रहा है और क्या नहीं, और Flowstep वहां से समायोजित करेगा। आप स्क्रीन पर कितनी बार पुनरावृत्ति कर सकते हैं, इसकी कोई सीमा नहीं है।
चैट के माध्यम से पुनरावृत्ति करते समय, अधिक सटीक परिणाम प्राप्त करने के लिए नाम या स्थान के आधार पर विशिष्ट तत्वों को संदर्भित करें। उदाहरण के लिए: “कॉल-टू-एक्शन बटन को स्क्रीन के नीचे ले जाएं और इसे पूर्ण-चौड़ाई बनाएं” “बटन को ठीक करें” से अधिक प्रभावी है।