वायरफ्रेम
स्वागत है
वायरफ़्रेम क्षेत्र आपको अपने इंटरफ़ेस लेआउट को विज़ुअल रूप से डिज़ाइन और प्रोटोटाइप करने की अनुमति देता है। कोडिंग शुरू करने से पहले अपने ऐप की संरचना की योजना बनाने के लिए वायरफ़्रेम बनाएं। जब आप पहली बार वायरफ़्रेम खोलते हैं, तो आपको शुरू करने के लिए वायरफ़्रेम बनाएं कार्ड के साथ स्वागत स्क्रीन दिखाई देगी, या ऊपरी दाएं कोने में + नया वायरफ़्रेम बटन का उपयोग करें।
मुख्य विशेषताएँ
मैन्युअल डिज़ाइन
Build wireframes by hand using the visual canvas editor — drag and drop components to design your screens.
AI-संचालित जनरेशन
Describe what you want and let AI generate wireframe documentation and frames for you automatically.
वॉइस इनपुट
Use the built-in microphone button or middle-click to dictate your wireframe description with voice.
वायरफ्रेम से कोड
Once your wireframe is ready, send it directly to code generation — going from design to working code in one seamless workflow.
वायरफ्रेम बनाना
निर्माण डायलॉग खोलने के लिए वायरफ़्रेम बनाएं या + नया वायरफ़्रेम पर क्लिक करें। आप एक शीर्षक दर्ज करेंगे, लक्ष्य प्लेटफ़ॉर्म (मोबाइल, डेस्कटॉप, या वेब) चुनेंगे, अपने वायरफ़्रेम का विवरण लिखेंगे, और मैन्युअल या AI-संचालित मोड के बीच चयन करेंगे।
प्रोजेक्ट सेटअप फ़ील्ड
शीर्षक
Give your wireframe project a name so you can identify it later in the wireframe list.
प्लेटफ़ॉर्म
Select the target platform — Mobile, Desktop, or Web — to tailor the wireframe layout and constraints.
विवरण
Describe what you want to build. This is used by AI-Powered mode to generate documentation and frames. Supports voice input via the microphone button.
मोड
Choose Manual to jump straight into the canvas editor, or AI-Powered to have AI generate documentation and frames for you.
मैन्युअल मोड
जब आप मैन्युअल टैब चुनते हैं और बनाएं पर क्लिक करते हैं, तो आपको सीधे वायरफ़्रेम कैनवास एडिटर पर ले जाया जाएगा जहां आप तुरंत अपनी स्क्रीन बनाना शुरू कर सकते हैं। यह सबसे अच्छा विकल्प है जब आपके पास पहले से अपने डिज़ाइन की स्पष्ट तस्वीर है और आप शुरू से पूर्ण नियंत्रण चाहते हैं।
मैन्युअल कब उपयोग करें
आपके मन में एक विशिष्ट डिज़ाइन है और आप इसे स्वयं बनाना चाहते हैं।
आप इसे परिष्कृत करने से पहले जल्दी से एक रफ़ लेआउट स्केच करना चाहते हैं।
आप शुरू से हर तत्व पर पूर्ण नियंत्रण पसंद करते हैं।
AI-संचालित मोड
जब आप AI-संचालित टैब चुनते हैं, तो अतिरिक्त विकल्प दिखाई देते हैं। आप अपना विवरण टाइप या डिक्टेट कर सकते हैं, वैकल्पिक रूप से व्यक्तिगत फ़्रेम परिभाषित कर सकते हैं, शीर्ष पर ड्रॉपडाउन से अपना पसंदीदा AI मॉडल चुन सकते हैं, फिर AI को आपके लिए वायरफ़्रेम दस्तावेज़ीकरण बनाने के लिए जनरेट करें पर क्लिक करें।
यह कैसे काम करता है
विवरण दर्ज करें
Fill in the title, select a platform, and write a description of your project.
फ्रेम परिभाषित करें (वैकल्पिक)
Switch to the Define Frames tab to specify individual screens or views you want the AI to generate.
AI मॉडल चुनें
Choose your preferred AI model from the dropdown (e.g., Claude Code, Opus 4.6).
जनरेट करें
Click Generate to start AI documentation generation. The wireframe project will appear in your list while documentation is being created.
फ्रेम बनाएँ
Once documentation is complete, you can begin generating each individual frame from the wireframe editor.
AI से बेहतर बनाएँ
AI-संचालित मोड में, AI से बेहतर बनाएं बटन पर क्लिक करने से एक डायलॉग खुलता है जो आपको AI का उपयोग करके अपने विवरण को बेहतर बनाने की अनुमति देता है। यह विवरण फ़ील्ड में आपने जो लिखा है उसे लेता है और आपके निर्देशों के आधार पर इसे बेहतर बनाता है — वायरफ़्रेम जनरेट करने से पहले इसे अधिक विस्तृत, संरचित या पूर्ण बनाता है।
एन्हांसमेंट विकल्प
AI मॉडल
Select the AI model to use for enhancing your description (e.g., Claude Code, Opus 4.6).
एन्हांसमेंट निर्देश
Optionally provide specific instructions for how the AI should improve the description. Supports voice input.
विवरण बेहतर बनाएँ
Click to run the enhancement. The AI will rewrite and improve your description based on your input and instructions.
दस्तावेज़ीकरण जनरेशन
AI-संचालित मोड में जनरेट करें पर क्लिक करने के बाद, आपका वायरफ़्रेम प्रोजेक्ट वायरफ़्रेम सूची में दस्तावेज़ीकरण जनरेट हो रहा है... स्थिति के साथ दिखाई देता है। AI आपके शीर्षक, प्लेटफ़ॉर्म, विवरण और आपके द्वारा परिभाषित फ़्रेम के आधार पर आपके प्रोजेक्ट के लिए संरचित दस्तावेज़ीकरण बना रहा है।
आगे क्या होता है
दस्तावेज़ीकरण जनरेशन
The AI creates a structured document defining each screen, component, and layout based on your description.
फ्रेम जनरेशन
Once documentation is complete, you can open the wireframe and begin generating each individual frame from the editor.
परिशोधन
फ़्रेम जनरेट होने के बाद, आप डिज़ाइन को बारीकी से समायोजित करने के लिए कैनवास एडिटर में मैन्युअल रूप से कंपोनेंट्स को समायोजित, जोड़ या हटा सकते हैं।