وائر فریم
خوش آمدید
वायरफ्रेम को निर्यात, आयात या सीधे प्रोजेक्ट बनाते समय या प्रोजेक्ट हब के भीतर उपयोग किया जा सकता है। इससे वायरफ्रेम डिज़ाइन से काम करने वाले प्रोजेक्ट में मैन्युअल रूप से लेआउट को फिर से बनाने की आवश्यकता के बिना जाना आसान हो जाता है।
پراجیکٹ گرڈ
دستی ڈیزائن
ویژول کینوس ایڈیٹر کا استعمال کرتے ہوئے وائر فریم کو ہاتھ سے بنائیں۔ اپنے اسکرین کو ڈیزائن کرنے کے لیے اجزاء کو ڈریگ اور ڈراپ کریں۔
AI سے چلنے والی جنریشن
آپ جو چاہتے ہیں اسے بیان کریں اور AI کو خود بخود وائر فریم دستاویزات اور فریم تیار کرنے دیں۔
کیورڈ ریسرچ کا کام
وائس کے ذریعے اپنے وائر فریم کی وضاحت کرنے کے لیے بلٹ ان مائیکروفون بٹن یا مڈل کلک کا استعمال کریں۔
وائر فریم سے کوڈ
ایک بار جب آپ کا وائر فریم تیار ہو جاتا ہے، تو اسے براہ راست کوڈ جنریشن میں بھیجیں — ڈیزائن سے کام کرنے والے کوڈ تک ایک ہموار ورک فلو میں۔
وائر فریم بنانا
ऊपर बाईं ओर + बटन पर क्लिक करें ताकि नया ब्लॉक समूह बनाने के लिए संवाद खोला जा सके। अपने समूह को एक नाम दें और उस प्रकार की सामग्री को वर्गीकृत करने के लिए एक संपत्ति प्रकार चुनें जिसे इसमें रखा जाएगा।
پراجیکٹ سیٹ اپ فیلڈز
عنوان
اپنے وائر فریم پروجیکٹ کو ایک نام دیں تاکہ آپ اسے بعد میں وائر فریم کی فہرست میں شناخت کر سکیں۔
پلیٹ فارم
ٹارگٹ پلیٹ فارم منتخب کریں — موبائل، ڈیسک ٹاپ، یا ویب — تاکہ وائر فریم کے لے آؤٹ اور پابندیوں کو ترتیب دیا جا سکے۔
تفصیل
آپ کیا بنانا چاہتے ہیں اس کا वर्णन کریں۔ AI سے چلنے والے موڈ میں اس کا استعمال دستاویزات اور فریم تیار کرنے کے لیے کیا جاتا ہے۔ مائیکروفون بٹن کے ذریعے وائس ان پٹ کو سپورٹ کرتا ہے۔
موڈ
سیڈھاً کینوس ایڈیٹر میں جانے کے لیے مینوئل منتخب کریں، یا AI سے چلنے والے موڈ کو منتخب کریں تاکہ AI آپ کے لیے دستاویزات اور فریم تیار کر سکے۔
مینوئل موڈ
देखें
مینوئل کب استعمال کریں
जब आप एक खाली समूह पर क्लिक करते हैं, तो आपको अपना पहला ब्लॉक बनाने के लिए एक प्रॉम्प्ट दिखाई देगा। सामग्री जोड़ने के कई तरीके हैं:
पहला ब्लॉक बनाएं
खाली समूह में सामग्री जोड़ना शुरू करने के लिए पहला ब्लॉक बनाएं बटन पर क्लिक करें।
AI سے چلنے والا موڈ
फ़ाइलें खींचें और छोड़ें
یہ کیسے کام کرتا ہے
विवरण दर्ज करें
अपने वायरफ्रेम प्रोजेक्ट को एक शीर्षक दें ताकि आप इसे बाद में वायरफ्रेम सूची में पहचान सकें।
फ्रेम परिभाषित करें (वैकल्पिक)
AI द्वारा उत्पन्न किए जाने वाले व्यक्तिगत स्क्रीन या दृश्यों को निर्दिष्ट करने के लिए परिभाषित फ्रेम टैब पर स्विच करें।
AI मॉडल का चयन करें
ड्रॉपडाउन से अपने पसंदीदा AI मॉडल का चयन करें (जैसे, Claude Code, Opus 4.6)।
تولید کریں
जनरेट पर क्लिक करें ताकि AI वायरफ्रेम दस्तावेज़ बनाना शुरू कर दे। वायरफ्रेम प्रोजेक्ट दस्तावेज़ तैयार होने पर आपकी सूची में दिखाई देगा।
फ्रेम बनाएं
जब वायरफ्रेम प्रोजेक्ट का दस्तावेज़ तैयार हो जाता है, तो आप इसे वायरफ्रेम सूची में एक प्रोजेक्ट कार्ड के रूप में देखेंगे। AI फ्रेम उत्पन्न करने और प्रत्येक स्क्रीन के लिए व्यक्तिगत फ्रेम का प्रबंधन करने के लिए, प्रोजेक्ट कार्ड के निचले दाएं कोने में AI आइकन पर क्लिक करें।
AI کے ساتھ بڑھائیں
फ़ाइलों को सीधे अपनी फ़ाइल सिस्टम से ड्रॉप ज़ोन में खींचें। समर्थित प्रारूपों में चित्र, JSON, HTML, CSS, JS, TS, TSX और JSX शामिल हैं।
بہبود کے آپشنز
AI ماڈل
اپنے विवरण کو بہتر بنانے کے لیے استعمال کرنے کے لیے AI ماڈل منتخب کریں۔ (مثلاً، Claude Code، Opus 4.6)۔
بہبود کی ہدایات
AI کو یہ بتانے کے لیے کہ اسے تفصیل کو کیسے بہتر بنانا چاہیے، اختیاری طور پر مخصوص ہدایات فراہم کریں۔ وائس ان پٹ کو سپورٹ کرتا ہے۔
تفصیل کو بہتر بنائیں
بہبود کو چلانے کے لیے کلک کریں۔ AI آپ کے ان پٹ اور ہدایات کے आधार पर آپ کی تفصیل کو دوبارہ لکھے گا اور بہتر بنائے گا۔
دستاویزات کی تخلیق
पेस्ट करें
اس کے بعد کیا ہوتا ہے
دستاویزات کی تخلیق
आप फ्रेम उत्पन्न करने से पहले फ्रेम के विभिन्न पहलुओं को संपादित कर सकते हैं। विवरण या प्रमुख विशेषताओं अनुभागों के बगल में संपादन बटन पर क्लिक करें ताकि स्क्रीन के विवरण, सुविधाओं और निर्देशों को संशोधित किया जा सके। एक बार जब आप विवरण से संतुष्ट हो जाते हैं, तो फ्रेम उत्पन्न करने के लिए जेनरेट फ्रेम पर क्लिक करें, या आवश्यकतानुसार समायोजित करें और पुन: उत्पन्न करें।
فریم جنریشن
एक बार पीढ़ी पूरी हो जाने के बाद, आपको "फ्रेम सफलतापूर्वक उत्पन्न" संदेश दिखाई देगा। स्क्रीन की स्थिति का बैज "पूर्ण" (हरा) में बदल जाता है, साथ ही एक तत्व गणना भी होती है (जैसे, "41 तत्व")। उत्पन्न फ्रेम का पूर्वावलोकन दाईं ओर के संपादक में दिखाई देता है।
تکمیل
कैनवास के नीचे AI प्रॉम्प्ट बार आपको स्क्रीन को संपादित या बनाने के लिए AI का उपयोग करने की अनुमति देता है। AI मॉडल को बाईं ओर ड्रॉपडाउन से चुनें, उन परिवर्तनों का वर्णन करें जो आप चाहते हैं, और AI आपके वायरफ्रेम को संशोधित करेगा। आप वॉयस इनपुट या CLI संपादित बटन का भी उपयोग कर सकते हैं।