Skip to content
// tools · designer

फ़ोन पर डिज़ाइन करें। कोड के रूप में भेजें_

स्मार्ट स्नैपिंग वाला 2D कैनवास, चौदह कंपोनेंट और असली रिस्पॉन्सिव प्रीव्यू — HTML, CSS और SVG, या React, Vue और Svelte एक्सपोर्ट करें। AI ब्रीफ़ को पेज में बदलता है।

डिज़ाइनर
14 कंपोनेंट6 एक्सपोर्ट फ़ॉर्मैट7 रिस्पॉन्सिव मोडAI ब्रीफ़→डिज़ाइन5 टेम्पलेट

एक कैनवास जो मदद करता है

गाइड, लेयर और मल्टी-पेज सब हाथ में।

  • ग्रिड स्नैपिंग, लाइव दूरी लेबल के साथ
  • मल्टी-सिलेक्ट, एलाइन और वितरण
  • लेयर, लॉक, दृश्यता और z-index के साथ

असली रिस्पॉन्सिव

असली डिवाइस चौड़ाई पर प्रीव्यू, नकल नहीं।

  • असली @media क्वेरी प्रीव्यू में चलती हैं
  • मोबाइल पर अपने-आप स्टैक रीफ़्लो
  • बिना कोड, प्रति-ब्रेकपॉइंट ओवरराइड

ब्रीफ़ से पेज तक

इंटरफ़ेस बताएँ; लागू करने से पहले समीक्षा करें।

  • पाँच-चरण प्रवाह: ब्रीफ़, प्रश्न, जनरेट, समीक्षा, लागू
  • 20 पेज प्रकार, 10+ शैलियाँ, 8 रंग योजनाएँ
  • लागू करने से पहले स्व-समीक्षा स्कोर

प्रोडक्शन कोड में एक्सपोर्ट

प्रोटोटाइप से कोडबेस, एक टैप में।

  • HTML, CSS और SVG, मुफ़्त
  • React (JSX), Vue (SFC) और Svelte
  • media क्वेरी और ओवरराइड सुरक्षित रहते हैं

// spec

तकनीकी विवरण

अंतर्निहित कंपोनेंट14
एक्सपोर्ट फ़ॉर्मैट6 formats
टेम्पलेट5 + market
रिस्पॉन्सिव मोड7 modes
AI पेज प्रकार20
AI शैली / रंग10+ · 8
कैनवास ज़ूम0.1–4×
रंग टोकन

plan.free

  • ·पूरा कैनवास और कंपोनेंट
  • ·डेस्कटॉप तक रिस्पॉन्सिव प्रीव्यू
  • ·HTML, CSS और SVG एक्सपोर्ट

plan.premium

  • +React, Vue और Svelte एक्सपोर्ट
  • +AI डिज़ाइनर, एलाइन और कंपोनेंट
  • +Desktop-L और कस्टम ब्रेकपॉइंट
  • +असीमित टेम्पलेट-आधारित डिज़ाइन

// इनके साथ काम करता है

इसे अपनी जेब में रखें

Android 9+ · ~250 MB · मुफ़्त