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