ऐप या SaaS शिप करते समय, डिज़ाइन कैलेंडर तीन एसेट पर अटक जाता है: स्प्लैश / लॉन्च, फ़ीचर लाभ कार्ड, और खाली-स्थिति चित्र। Figma में कंपोनेंट हैं, लेकिन स्टोर स्क्रीनशॉट और ऑनबोर्डिंग में अभी भी विज़ुअल नहीं; आउटसोर्सिंग में प्रति राउंड एक हफ़्ता लगता है जबकि कॉपी बदलती रहती है।
Image 2 बेहतर रास्ता देता है: ज़रूरत को UI विज़ुअल स्लॉट उत्पादन लाइन समझें — ब्रांड रंग और टाइप पदानुक्रम लॉक करें, फिर स्प्लैश → ऑनबोर्डिंग → फ़ीचर कार्ड → खाली स्थिति → सेटिंग्स मॉक → स्टोर फ़्रेम। यह पोस्ट समीक्षा-तैयार ऐप / UI स्क्रीन के लिए 6 परखे हुए image-2 प्रॉम्प्ट साझा करती है।
इसे उत्पाद-डिज़ाइन प्लेबुक की तरह इस्तेमाल करें: प्रति फ़्रेम एक काम, कॉपी शब्दशः लिखें, एक्सपोर्ट से पहले बटन और शीर्षक की वर्तनी जाँचें।
📌 नीचे के प्रॉम्प्ट अंग्रेज़ी में हैं (Image 2 संरचित अंग्रेज़ी और इमेज में टेक्स्ट विश्वसनीय रूप से संभालता है)। UI कॉपी, ट्रेडमार्क और सुलभ कंट्रास्ट मैन्युअल जाँचें; अंतिम पॉलिश Figma में 8pt ग्रिड पर असली कंपोनेंट के साथ होनी चाहिए।
1. Image 2 «ऐप / UI स्क्रीन» काम के लिए क्यों उपयुक्त है
यह उम्मीद करने की बजाय कि कोई सामान्य चित्रण मॉडल भाग्य से सही कर दे, Image 2 इसलिए बेहतर है:
-
इमेज में टेक्स्ट पढ़ने योग्य रहता है — स्प्लैश शीर्षक, तीन-पंक्ति फ़ीचर कार्ड, खाली-स्थिति CTA — बेंचमार्क-स्तर ~99% टेक्स्ट रेंडरिंग «जनरेट करो फिर PS में टाइप चिपकाओ» से AI इंटरफ़ेस आर्ट डिलीवरी के लिए बेहतर है।
-
मल्टी-टर्न एडिट बिना लेआउट बिगाड़े कॉपी बदलते हैं — PM एक ऑनबोर्डिंग पंक्ति बदलता है; चैट में वही पंक्ति बदलें, चित्र और बटन का आकार रखें — Image2 संवादात्मक एडिट यहाँ चमकते हैं।
-
स्टाइल बाधाएँ डिज़ाइन-सिस्टम फ़ील्ड बन जाती हैं — ब्रांड HEX, कोने की त्रिज्या, छाया की तीव्रता, चित्र शैली (फ़्लैट / सॉफ़्ट 3D) हर प्रॉम्प्ट में — सीरीज़ एक Design System जैसी लगती है।
उत्पाद और डिज़ाइन साझेदारों के लिए: UI विज़ुअल एसेट सूचना-वास्तु से जनरेट हो सकते हैं, चित्रण कैलेंडर का इंतज़ार करने से नहीं।
2. मानक कार्यप्रवाह (पाँच चरण)
-
UI विज़ुअल स्लॉट सूची बनाएँ — कम से कम छह: ① स्प्लैश/लॉन्च ② ऑनबोर्डिंग पेज ③ फ़ीचर लाभ कार्ड (3 बिंदु) ④ खाली स्थिति ⑤ सेटिंग्स/प्रोफ़ाइल मॉक ⑥ App Store / स्टोर स्क्रीनशॉट फ़्रेम। एक इमेज में पूरा इंटरैक्टिव ऐप न भरें।
-
ब्रांड और टाइप बाधाएँ लिखें — प्राथमिक/द्वितीयक रंग, हल्का/गहरा बैकग्राउंड, शीर्षक लंबाई की सीमा; ट्रेडमार्क OS क्रोम नकली न बनाएँ (सामान्य स्टेटस बार ठीक है)।
-
प्रति फ़्रेम एक काम + शब्दशः कॉपी — हर फ़्रेम एक उपयोगकर्ता सवाल का जवाब: पहली बार खुलने का प्रभाव? क्यों रुके? डेटा न हो तो? स्टोर में कैसा दिखे?
-
पक्ष अनुपात एक करें — स्प्लैश/स्टोर अक्सर 9:16; फ़ीचर कार्ड 1:1 या 4:5; एक सेट में एक अनुपात परिवार रखें।
-
Figma से पहले तीन जाँच — वर्तनी, कंट्रास्ट, DS के मुकाबले कोने की त्रिज्या — पूरा re-roll की बजाय Image 2 मल्टी-टर्न एडिट से विचलन ठीक करें।
3. छह परखे हुए UI प्रॉम्प्ट (कॉपी-पेस्ट)
उदाहरण उत्पाद: काल्पनिक उत्पादकता ऐप «FlowDay»। नाम और लाभ अपने से बदलें। हर प्रॉम्प्ट में ब्रांड एक्सेंट रखें (नमूना: #4F46E5 इंडिगो)।
स्लॉट 1: स्प्लैश / लॉन्च स्क्रीन
परिदृश्य: कोल्ड-स्टार्ट ब्रांड प्रभाव — केंद्र में चिह्न + छोटा टैगलाइन।
App splash / launch screen mock with Image 2 for mobile UI.
Vertical 9:16, clean modern iOS-like frame (generic status bar, no trademarked icons).
Centered app mark: simple indigo rounded-square icon with white "F" monogram.
Headline exactly: "FlowDay"
Subline exactly: "Plan less. Finish more."
Background: soft indigo-to-white gradient, subtle geometric glow, ample padding.
Sharp legible type, Image2 text accuracy, premium SaaS look.
Do not clutter with fake notifications. No watermark.
परिणाम: समीक्षा-तैयार ऐप स्प्लैश विज़ुअल।
स्लॉट 2: ऑनबोर्डिंग एकल पेज
परिदृश्य: पहली बार खुलने पर मूल्य पेज — कॉपी + चित्र।
Mobile onboarding screen UI mock using Image 2.
Vertical 9:16, light mode, generous bottom padding for a primary button.
Top illustration: soft 3D calendar and checkmarks, brand color #4F46E5 accents.
Title exactly: "Your day, in one timeline"
Body exactly: "Drag tasks into focus blocks. FlowDay keeps priorities visible."
Primary button label exactly: "Continue"
Keep layout airy, 8pt rhythm feel, Image 2 commercial UI quality.
Do not invent extra menus. Do not misspell.
परिणाम: ऑनबोर्डिंग कॉपी और आर्ट एक इकाई — A/B पंक्तियों के लिए तेज़।
स्लॉट 3: फ़ीचर लाभ कार्ड (तीन बिंदु)
परिदृश्य: साइट फ़ीचर पंक्ति या paywall हेडर, तीन समान कार्ड।
App feature benefit cards board with Image 2 (UI marketing).
1:1 or 4:5, white background, three equal cards in a row with soft shadow.
Card icons in #4F46E5. Exact English labels:
Card1 title: "Focus Blocks" / line: "Timeboxed deep work"
Card2 title: "Smart Reminders" / line: "Nudge only what matters"
Card3 title: "Weekly Review" / line: "See progress at a glance"
Modern SaaS marketing UI, crisp type, Image2 text accuracy.
No fake App Store badges. No overcrowded icons.
परिणाम: संरचित फ़ीचर कार्ड — वह फ़्रेम जिसे टेक्स्ट सटीकता सबसे ज़्यादा चाहिए।
स्लॉट 4: खाली-स्थिति स्क्रीन
परिदृश्य: कोई कार्य/सूचना नहीं — मित्रवत मार्गदर्शन, «टूट गया» नहीं।
Empty-state mobile screen with Image 2 for product UI.
Vertical 9:16, light gray background, large friendly illustration center:
soft 3D empty inbox with a single indigo plus badge.
Title exactly: "Nothing here yet"
Body exactly: "Create your first focus block to start the day."
Secondary text button exactly: "Create task"
Clean, calm, accessible contrast, Image 2 UI illustration quality.
Do not make it look like an error. No scary red alerts.
परिणाम: खाली स्थिति कार्रवाई योग्य बनती है, खाली नहीं।
स्लॉट 5: सेटिंग्स / प्रोफ़ाइल मॉक
परिदृश्य: हितधारकों को IA दिखाएँ — गैर-इंटरैक्टिव ठीक है।
Settings / profile screen mock with Image 2 (non-interactive UI visual).
Vertical 9:16, light mode list UI, rounded group cells.
Header: avatar circle + name "Alex Chen" + plan chip "Pro".
List rows with exact labels: "Notifications" / "Calendars" / "Appearance" / "Export Data".
Accent switches and chevrons in #4F46E5, generous spacing, SF-like but generic typography.
Image2 clean UI mock quality. Do not copy real iOS glyphs trademarked details.
No tiny unreadable text.
परिणाम: मीटिंग के लिए काफ़ी सेटिंग्स मॉक, बिना दावे कि टैप हो सकता है।
स्लॉट 6: स्टोर स्क्रीनशॉट फ़्रेम (डिवाइस सहित)
परिदृश्य: लिस्टिंग एसेट — फ़ोन क्रोम + मुख्य UI + ऊपर कैप्शन।
App Store screenshot composition with Image 2.
Vertical 9:16 marketing frame: large caption on top, phone device mock below.
Caption exactly: "Focus blocks that actually stick"
Inside the phone: a clean task timeline UI using brand #4F46E5, legible list titles.
Soft studio shadow under device, light gray backdrop, premium DTC style.
Image 2 commercial ASO visual. Exact text, no gibberish.
Do not invent fake star ratings. Do not overcrowded stickers.
परिणाम: ASO दिशा फ़्रेम; बाद में Figma में असली स्क्रीनशॉट बदलें।
4. सार्वभौमिक भरने का टेम्पलेट
प्रति स्लॉट केवल काम की पंक्ति और इमेज पर कॉपी बदलें:
Image 2 App / UI visual slot.
Brand lock: primary #[HEX], [light|dark] mode, [flat|soft-3D] illustration style.
Frame job (ONE only): [splash / onboarding / feature cards / empty state / settings mock / store screenshot].
Aspect: [9:16 | 1:1 | 4:5].
On-image copy exactly: "[titles/buttons]" — verbatim, no extra claims.
Do not: [fake OS trademarks / unreadable microcopy / cluttered chrome].
Output: review-ready UI visual, Image2 quality.
5. आउटसोर्स चित्रण बनाम Image 2 UI स्लॉट बनाम आइकन कोलाज
| आयाम | पूर्ण आउटसोर्स चित्रण | Image 2 UI स्लॉट लाइन | आइकन / स्क्रीनशॉट कोलाज |
|---|---|---|---|
| कॉपी संशोधन की गति | धीमी (फिर से बनाना) | तेज़ (मल्टी-टर्न एक पंक्ति) | तेज़ लेकिन सस्ता दिख |
| डिज़ाइन-सिस्टम स्थिरता | brief पर निर्भर | HEX / स्टाइल फ़ील्ड लॉक करते हैं | आसान विचलन |
| सर्वोत्तम चरण | ब्रांड के बड़े संस्करण | साप्ताहिक पुनरावृत्ति, समीक्षा, ASO ड्राफ़्ट | केवल आंतरिक ड्राफ़्ट |
| मुख्य जोखिम | समयसारिणी | टाइप और ग्रिड मानव जाँच ज़रूरी | रूपांतरण / पॉलिश अंतर |
6. यह विधि किसके लिए?
✅ PM / प्रोजेक्ट लीड
समीक्षा से पहले Image 2 से स्प्लैश, खाली स्थिति और स्टोर दिशा भरें — कम «खाली छोड़ो» स्लाइड।
✅ UI / UX डिज़ाइनर
image-2 को विज़ुअल अन्वेषण परत मानें: रंग और टाइप लॉक करें, जनरेट करें, फिर Figma में असली कंपोनेंट संरेखित करें।
✅ इंडी बिल्डर / छोटी टीमें
समर्पित चित्रकार नहीं? एक प्रॉम्प्ट परिवार भी सुसंगत ऐप स्प्लैश और फ़ीचर कार्ड देता है।
✅ ग्रोथ और ASO ऑप्स
स्टोर कैप्शन अक्सर बदलते हैं — पूरा डिवाइस फ़्रेम फिर से बनाने से मल्टी-टर्न एडिट बेहतर।
7. तीन सामान्य विफलता मोड
-
❌ एक इमेज जो पूरा टैप करने योग्य ऐप नकली बनाती है — Image 2 भीड़-भाड़ UI सूप बन जाता है। स्लॉट से बाँटें; इंटरैक्शन प्रोटोटाइप Figma/कोड में रखें।
-
❌ अस्पष्ट कॉपी जैसे «कुछ फ़ीचर टेक्स्ट» — टाइप विचलन UI डिज़ाइन डिलीवरी मार देता है। शीर्षक और बटन
exactly: "..."होने चाहिए। -
❌ कंट्रास्ट जाँच के बिना नकली OS ट्रेडमार्क विवरण — सामान्य स्टेटस बार काफ़ी; एक्सपोर्ट से पहले हल्के पर हल्का टेक्स्ट की सुलभता जाँचें।
8. समापन
ऐप / UI विज़ुअल के लिए Image 2 «एक चमकदार सिंगल roll करो» नहीं — ब्रांड लॉक → UI स्लॉट → शब्दशः कॉपी → मल्टी-टर्न पॉलिश → Figma फिनिश।
अगली बार स्प्लैश, फ़ीचर कार्ड या खाली स्थिति न हो, तो stock कोलाज न करें। Image2 वर्कबेंच खोलें और ये छह स्लॉट चलाएँ — समीक्षा, पुनरावृत्ति और स्टोर-फ़्रेम शुरुआत के लिए एकीकृत, पढ़ने योग्य AI इंटरफ़ेस सेट मिलेगा।
स्प्लैश ब्रांड रखता है, कार्ड मूल्य बताते हैं, खाली स्थिति अगला कदम दिखाती है — यही image-2 उत्पाद-डिज़ाइन चक्र है।
व्यावहारिक नोट; प्रॉम्प्ट कॉपी और अनुकूलन के लिए मुक्त। शिप करने से पहले कॉपी, ट्रेडमार्क और स्टोर स्क्रीनशॉट नियम पुष्टि करें।
