फ़ोन पर डिज़ाइन करें। कोड के रूप में भेजें
स्मार्ट स्नैपिंग वाला 2D कैनवास, चौदह कंपोनेंट और असली रिस्पॉन्सिव प्रीव्यू — HTML, CSS और SVG, या React, Vue और Svelte एक्सपोर्ट करें। AI ब्रीफ़ को पेज में बदलता है।
एक कैनवास जो मदद करता है
गाइड, लेयर और मल्टी-पेज सब हाथ में।
- ग्रिड स्नैपिंग, लाइव दूरी लेबल के साथ
- मल्टी-सिलेक्ट, एलाइन और वितरण
- लेयर, लॉक, दृश्यता और z-index के साथ
असली रिस्पॉन्सिव
असली डिवाइस चौड़ाई पर प्रीव्यू, नकल नहीं।
- असली @media क्वेरी प्रीव्यू में चलती हैं
- मोबाइल पर अपने-आप स्टैक रीफ़्लो
- बिना कोड, प्रति-ब्रेकपॉइंट ओवरराइड
ब्रीफ़ से पेज तक
इंटरफ़ेस बताएँ; लागू करने से पहले समीक्षा करें।
- पाँच-चरण प्रवाह: ब्रीफ़, प्रश्न, जनरेट, समीक्षा, लागू
- 20 पेज प्रकार, 10+ शैलियाँ, 8 रंग योजनाएँ
- लागू करने से पहले स्व-समीक्षा स्कोर
प्रोडक्शन कोड में एक्सपोर्ट
प्रोटोटाइप से कोडबेस, एक टैप में।
- HTML, CSS और SVG, मुफ़्त
- React (JSX), Vue (SFC) और Svelte
- media क्वेरी और ओवरराइड सुरक्षित रहते हैं
// spec
तकनीकी विवरण
plan.free
- ·पूरा कैनवास और कंपोनेंट
- ·डेस्कटॉप तक रिस्पॉन्सिव प्रीव्यू
- ·HTML, CSS और SVG एक्सपोर्ट
plan.premium
- +React, Vue और Svelte एक्सपोर्ट
- +AI डिज़ाइनर, एलाइन और कंपोनेंट
- +Desktop-L और कस्टम ब्रेकपॉइंट
- +असीमित टेम्पलेट-आधारित डिज़ाइन
// इनके साथ काम करता है
// faq
अक्सर पूछे जाने वाले प्रश्न
क्या Android पर ऐप स्क्रीन को visually डिज़ाइन किया जा सकता है?
हाँ। visual designer एक drag-and-drop canvas है जिसमें 14 components और 0.1x से 4x तक zoom है, जिससे आप UI स्क्रीन हाथ से बनाकर उन्हें एक static mockup के बजाय असली code में बदल सकते हैं।
क्या यह AI से डिज़ाइन बना सकता है?
हाँ। आप जो स्क्रीन चाहते हैं उसका वर्णन करें और AI design wizard एक शुरुआती layout बना देता है जिसे आप परिष्कृत कर सकते हैं, इसलिए हर element हाथ से रखने की ज़रूरत नहीं — विचार से editable UI तक पहुँचने का तेज़ तरीका।
क्या यह responsive layout का समर्थन करता है?
हाँ। आप 7 modes और 20 page types में डिज़ाइन preview करके देख सकते हैं कि layout अलग-अलग screen आकारों के अनुसार कैसे ढलता है, और design tokens स्क्रीन बदलने पर spacing, रंग और typography को सुसंगत रखते हैं।
डिज़ाइन किन प्रारूपों में निर्यात हो सकते हैं?
डिज़ाइन 6 प्रारूपों में निर्यात होते हैं और design tokens का समर्थन करते हैं, इसलिए आपका visual काम एक सपाट image के बजाय असली, उपयोग-योग्य code या assets बन जाता है — आप इसे code editor को सौंपकर वहीं से आगे बना सकते हैं।
क्या designer ऑफ़लाइन काम करता है?
हाँ। designer Android 9 और उससे नए पर पूरी तरह डिवाइस पर चलता है, इसलिए आप बिना किसी इंटरनेट कनेक्शन के UI बना, preview और निर्यात कर सकते हैं — PocketCode के बाकी सभी टूल की तरह।