वायरफ्रेम्स
स्वागत आहे
'वायरफ्रेम तयार करा' किंवा '+ नवीन वायरफ्रेम' वर क्लिक केल्यास, तुम्हाला एक संवाद बॉक्स उघडेल. येथे तुम्ही तुमच्या वायरफ्रेम प्रोजेक्टला शीर्षक देऊ शकता, लक्ष्य प्लॅटफॉर्म (मोबाइल, डेस्कटॉप किंवा वेब) निवडू शकता, वायरफ्रेमचे वर्णन लिहू शकता आणि 'मॅन्युअल' किंवा 'AI-आधारित' मोड निवडू शकता.
मुख्य वैशिष्ट्ये
मॅन्युअल डिझाइन
व्हिज्युअल कॅनव्हास एडिटर वापरून मॅन्युअली वायरफ्रेम तयार करा - तुमचे स्क्रीन डिझाइन करण्यासाठी घटक ड्रॅग आणि ड्रॉप करा.
AI-आधारित जनरेशन
तुम्हाला काय हवे आहे ते सांगा आणि AI ला वायरफ्रेम डॉक्युमेंटेशन आणि फ्रेम्स आपोआप तयार करू द्या.
व्हॉइस इनपुट
व्हॉइस वापरून वायरफ्रेमचे वर्णन करण्यासाठी अंगभूत मायक्रोफोन बटण वापरा किंवा मध्यभागी क्लिक करा.
वायरफ्रेम ते कोड
एकदा तुमचे वायरफ्रेम तयार झाल्यावर, ते थेट कोड जनरेशनमध्ये पाठवा - डिझाइनमधून एका अखंड वर्कफ्लोमध्ये कार्यक्षम कोड तयार करा.
वायरफ्रेम तयार करणे
जेव्हा तुम्ही 'मॅन्युअल' मोड निवडता आणि 'तयार करा' वर क्लिक करता, तेव्हा तुम्ही थेट वायरफ्रेम कॅनव्हास एडिटरमध्ये जाल, जिथे तुम्ही तुमच्या स्क्रीनची रचना करणे सुरू करू शकता. जर तुमच्याकडे आधीपासूनच लेआउटची कल्पना असेल आणि तुम्हाला सुरुवातीपासूनच पूर्ण नियंत्रण ठेवायचे असेल, तर हा सर्वोत्तम पर्याय आहे.
प्रोजेक्ट सेटअप फील्ड
शीर्षक
तुमच्या वायरफ्रेम प्रोजेक्टला नाव द्या, जेणेकरून तुम्ही ते नंतर वायरफ्रेम सूचीमध्ये ओळखू शकाल.
प्लॅटफॉर्म
लक्ष्य प्लॅटफॉर्म निवडा - मोबाइल, डेस्कटॉप किंवा वेब - जेणेकरून वायरफ्रेम लेआउट आणि मर्यादा त्यानुसार सेट केल्या जातील.
वर्णन
तुम्ही काय तयार करू इच्छिता ते सांगा. AI-आधारित मोड डॉक्युमेंटेशन आणि फ्रेम्स तयार करण्यासाठी याचा वापर करेल. मायक्रोफोन बटणाद्वारे व्हॉइस इनपुटला सपोर्ट करते.
मोड
कॅनव्हास एडिटरमध्ये थेट जाण्यासाठी 'मॅन्युअल' निवडा किंवा AI ला डॉक्युमेंटेशन आणि फ्रेम्स तयार करू देण्यासाठी 'AI-आधारित' निवडा.
मॅन्युअल मोड
तुम्ही विशिष्ट डिझाइन तयार करू इच्छिता आणि ते स्वतः तयार करू इच्छिता.
मॅन्युअल कधी वापरावे
तुम्हाला जलदपणे लेआउट तयार करायचा आहे आणि नंतर त्यात सुधारणा करायची आहे.
तुम्हाला सुरुवातीपासूनच प्रत्येक घटकावर पूर्ण नियंत्रण ठेवायचे आहे.
जेव्हा तुम्ही 'AI-आधारित' मोड निवडता, तेव्हा तुम्हाला अतिरिक्त पर्याय दिसतील. तुम्ही वर्णन लिहू शकता किंवा व्हॉइस वापरून इनपुट देऊ शकता, वैयक्तिक फ्रेम्स परिभाषित करू शकता, ड्रॉपडाउनमधून तुम्हाला वापरायचे असलेले AI मॉडेल निवडू शकता आणि 'तयार करा' वर क्लिक करून AI ला डॉक्युमेंटेशन तयार करू देऊ शकता.
AI-आधारित मोड
AI-आधारित मोडमध्ये, 'AI सह वर्धित करा' बटणावर क्लिक केल्यास, एक संवाद बॉक्स उघडेल, ज्यामुळे तुम्ही AI वापरून तुमचे वर्णन सुधारू शकता. AI तुमच्या वर्णनाचे विश्लेषण करेल आणि ते अधिक तपशीलवार, संरचित आणि परिपूर्ण करेल.
हे कसे कार्य करते
टेक्स्ट: तपशील प्रविष्ट करा
फ्रेम परिभाषित करा (पर्यायी)
टेक्स्ट: फ्रेम्स परिभाषित करा (ऐच्छिक)
AI मॉडेल निवडा
एआय मॉडेल निवडा
'तयार करा' वर क्लिक करा, ज्यामुळे AI वायरफ्रेम डॉक्युमेंटेशन तयार करेल. वायरफ्रेम प्रोजेक्ट तयार होत असताना ते तुमच्या सूचीमध्ये दिसेल.
तयार करा
फ्रेम तयार करा
फ्रेम तयार करा
AI तुमच्या वर्णनावर आधारित, संरचित डॉक्युमेंटेशन तयार करेल, ज्यामध्ये प्रत्येक स्क्रीन, घटक आणि लेआउट समाविष्ट असेल.
AI सह वर्धित करा
AI-आधारित मोडमध्ये 'तयार करा' वर क्लिक केल्यानंतर, तुमच्या वायरफ्रेम प्रोजेक्टची स्थिती 'डॉक्युमेंटेशन तयार करत आहे...' अशी दिसेल. AI तुमच्या प्रोजेक्टचे शीर्षक, प्लॅटफॉर्म, वर्णन आणि तुम्ही परिभाषित केलेल्या फ्रेम्सच्या आधारावर डॉक्युमेंटेशन तयार करेल.
वर्धित पर्याय
AI मॉडेल
तुमच्या वर्णनाचे वर्धन करण्यासाठी AI मॉडेल निवडा (उदा. Claude Code, Opus 4.6).
वर्धन सूचना
AI ने वर्णन कसे सुधारावे यासाठी विशिष्ट सूचना द्या. व्हॉइस इनपुटला सपोर्ट करते.
वर्णन वर्धित करा
वर्धन सुरू करण्यासाठी क्लिक करा. AI तुमच्या इनपुट आणि सूचनांवर आधारित तुमचे वर्णन पुन्हा लिहील आणि सुधारेल.
डॉक्युमेंटेशन जनरेशन
जरी हे आवश्यक नसले तरी, खालील साधने वापरण्याची शिफारस केली जाते. आम्ही तुम्हाला ती स्थापित करून इतर टूल्स वापरून पाहण्यासाठी प्रोत्साहित करतो:
पुढे काय
डॉक्युमेंटेशन जनरेशन
फ्रेम जनरेशन
फ्रेम निर्मिती
सुधारणा
सुधारणा
वायरफ्रेम क्षेत्र तुम्हाला तुमच्या UI लेआउट्स व्हिज्युअली डिझाइन आणि प्रोटोटाइप करण्याची सुविधा देते. ॲप्लिकेशनची रचना तयार करण्यासाठी वायरफ्रेम तयार करा. जेव्हा तुम्ही वायरफ्रेम उघडता, तेव्हा तुम्हाला 'वायरफ्रेम तयार करा' कार्ड दिसेल, त्यावर क्लिक करून तुम्ही सुरुवात करू शकता किंवा वरच्या उजव्या कोपऱ्यातील '+ नवीन वायरफ्रेम' बटण वापरू शकता.
