Skip to main content
Flowstep natural language prompts से UI स्क्रीन जेनरेट करता है, जिससे आप विचार से visual design तक सेकंड में पहुंच सकते हैं। चाहे आपको किसी अवधारणा को validate करने के लिए एक single screen की आवश्यकता हो या पूरे user journey को कवर करने वाली स्क्रीन का एक पूर्ण set, एक well-written prompt आपको शुरुआत करने के लिए सब कुछ है।

​
डिज़ाइन जेनरेट करें

1

एक नया project खोलें

अपने Flowstep dashboard से, एक नया project बनाएं या एक मौजूदा project खोलें जहां आप स्क्रीन जोड़ना चाहते हैं।
2

अपना prompt लिखें

उस स्क्रीन या स्क्रीन का विवरण टाइप करें जो आप चाहते हैं। app के प्रकार, user goal, और content के बारे में विशिष्ट हों जो आप देखने की उम्मीद करते हैं।
3

निर्दिष्ट करें कि आप कितनी स्क्रीन चाहते हैं

डिफ़ॉल्ट रूप से, Flowstep एक single screen जेनरेट करता है। यदि आप multiple screens चाहते हैं, तो अपने prompt में स्पष्ट रूप से कहें — Flowstep एक prompt से 6 स्क्रीन तक जेनरेट कर सकता है।
4

जेनरेट करें

अपने prompt को submit करें। Flowstep आपकी स्क्रीन तैयार करता है और उन्हें editor में display करता है, review या refine करने के लिए तैयार।

​
Single screen vs. multiple screens

आप एक single prompt से एक या 6 स्क्रीन तक जेनरेट कर सकते हैं। दोनों approaches design work के विभिन्न चरणों के लिए उपयुक्त हैं।
  • One screen — एक specific UI state, component, या focused concept को explore करने के लिए सर्वश्रेष्ठ।
  • Multiple screens — flows को map out करने, layout options की तुलना करने, या पूरे user journey को तेज़ी से cover करने के लिए सर्वश्रेष्ठ।
जब आप multiple screens चाहते हैं, तो अपने prompt में स्पष्ट हो जाएं। Flowstep आपके prompt की wording का उपयोग करके decide करता है कि कितनी स्क्रीन generate करनी हैं, इसलिए vague prompts आमतौर पर एक single screen return करते हैं। Generated screens को Screen 1, Screen 2, आदि नाम दिए जाते हैं — एक specific screen को refer करने के लिए follow-up prompts में इन नामों का उपयोग करें।

​
Prompt के अन्य तरीके

टेक्स्ट एकमात्र input नहीं है। आप यह भी कर सकते हैं:
  • Attach files — images (JPG, PNG, WEBP) या documents (PDF, MD, TXT) को prompt में add करें, प्रत्येक 3 MB तक, drag-and-drop, file picker, या pasting के माध्यम से। अपने prompt में एक attached image को reference करें और Flowstep इसे generated screens में शामिल करता है। Use References देखें।
  • Dictate your prompt — prompt bar में mic button पर क्लिक करें (या Mac पर Cmd+Shift+V, Windows पर Ctrl+Shift+V दबाएं) और 60 सेकंड तक बोलें। Transcript उसमें जोड़ा जाता है जो आपने पहले से type किया है।
  • Let Flowstep research the web — जब आपके prompt के लिए इसकी आवश्यकता हो (उदाहरण के लिए, “clone the Stripe pricing page”), Flowstep web को search कर सकता है और एक page की branding को read कर सकता है — colors, fonts, logo, UI components — और इसे generated screens में उपयोग करता है। Flowstep अपने आप decide करता है कि research करना है या नहीं, इसलिए यह हर prompt पर trigger नहीं हो सकता; ध्यान दें कि recreated websites original से अलग images और navigation का उपयोग करती हैं।
  • Set design guidelines — standing style rules को define करें जो file में हर generation पर apply होते हैं। Design Guidelines देखें।

​
प्रभावी prompts लिखना

Single-screen prompt example: “एक fitness tracking app के लिए एक mobile login screen design करें जिसमें email और password fields, एक sign-in button, और एक forgot password link हो।”
Multi-screen prompt example: “एक food delivery app onboarding flow के लिए multiple screens generate करें—cuisine preferences select करने, एक delivery address enter करने, और पहले order को confirm करने को cover करें।”
Full journey prompt example: “एक expense reporting app में पूरे user journey को cover करें, receipt submit करने से लेकर manager approval तक।”
Prompts लिखते समय इन सिद्धांतों को ध्यान में रखें:
  • Platform का नाम दें (mobile, desktop, tablet) ताकि Flowstep स्क्रीन को सही तरीके से size करे।
  • User के goal को describe करें, केवल UI elements नहीं—Flowstep layout को intent से infer करता है।
  • Key content को शामिल करें जैसे labels, actions, या data यदि वे design के लिए महत्वपूर्ण हैं।
  • “generate multiple screens” या “cover the full user journey” जैसे phrases का उपयोग करें multi-screen output को trigger करने के लिए।