AI Design

Google स्टिच समीक्षा (2026): क्या यह मुफ़्त है? सुविधाएँ, फिग्मा एक्सपोर्ट, एमसीपी और विकल्प5 min read

Reading Time: 16 minutes2026 के लिए Google स्टिच समीक्षा: यह क्या है, क्या यह मुफ़्त है, पीढ़ी की सीमाएं, फिगमा और कोड निर्यात, एमसीपी सर्वर, एक व्यावहारिक परीक्षण योजना, उपयोगकर्ता प्रतिक्रिया, पेशेवरों और विपक्ष, और सर्वोत्तम विकल्प।

  • नवम्बर 8, 2026 16 min read
Google Stitch Review cover with Google G logo and AI design interface

Google स्टिच समीक्षा (2026): क्या यह मुफ़्त है? सुविधाएँ, फिग्मा एक्सपोर्ट, एमसीपी और विकल्प5 min read

Reading Time: 16 minutes

Google Stitch, Google Labs का एक मुफ़्त AI डिज़ाइन टूल है जो एक टेक्स्ट प्रॉम्प्ट, एक छवि या एक वेबसाइट संदर्भ को उच्च-फ़िडेलिटी UI स्क्रीन में बदल देता है, फिर आपको उन्हें एक अनंत कैनवास पर परिष्कृत करने और फिगमा, कोड, Google AI स्टूडियो या एंटीग्रेविटी में निर्यात करने देता है। यह मई 2025 में एक प्रॉम्प्ट-टू-यूआई प्रयोग के रूप में शुरू हुआ और मार्च 2026 में एआई-नेटिव डिजाइन कैनवास बन गया। यह समीक्षा डिजाइनरों, उत्पाद प्रबंधकों और संस्थापकों के लिए है जो जानना चाहते हैं कि स्टिच क्या अच्छा करता है, कहां रुकता है और क्या यह फिगमा की जगह ले सकता है।

तथ्य नवंबर 2026 तक Google की अपनी घोषणाओं, Google डेवलपर दस्तावेज़ों और सार्वजनिक उपयोगकर्ता रिपोर्टों को दर्शाते हैं। स्टिच एक Google लैब्स उत्पाद है, इसलिए सुविधाएँ और सीमाएँ अक्सर बदलती रहती हैं। Stotch.withgoogle.com पर वर्तमान विवरण की पुष्टि करें। यह समीक्षा Google की आधिकारिक सामग्री और सार्वजनिक उपयोगकर्ता रिपोर्टों पर आधारित है।

एक पंक्ति में हमारा फैसला: यूआई दिशाओं का तेजी से पता लगाने के लिए स्टिच सबसे अच्छा मुफ्त तरीका है, और Google एआई स्टूडियो और एंटीग्रेविटी के साथ इसका गठजोड़ वास्तव में बिल्डरों के लिए उपयोगी है। यह फिग्मा प्रतिस्थापन नहीं है। आउटपुट सामान्य लग सकता है, फिग्मा को निर्यात अक्सर सपाट संरचना के रूप में आता है, और Google कोई निश्चित फ्री-टियर सीमा या दीर्घकालिक योजना प्रकाशित नहीं करता है। नीचे आपको विशेषताएं, सीमाएं, फिगमा और कोड निर्यात, एमसीपी, उदाहरण संकेतों के साथ चरण-दर-चरण पूर्वाभ्यास, उपयोगकर्ता क्या कहते हैं और एनिमा प्लेग्राउंड सहित सर्वोत्तम विकल्प मिलेंगे।

एआई के युग में, डिज़ाइन कोड है। एआई के साथ सीधे कोड में डिज़ाइन करने के लिए, या अपने फिग्मा डिज़ाइन को कोड में बदलने के लिए, इसका उपयोग करें अनिमा खेल का मैदान: एक स्क्रीन का वर्णन करें या फिगमा डिज़ाइन से शुरू करें, फिर एक संपादन योग्य ऐप पर पुनरावृत्ति जारी रखें जिसे आप पूर्वावलोकन और प्रकाशित कर सकते हैं।

Google स्टिच समीक्षा: त्वरित निर्णय

क्षेत्र रेटिंग सारांश
प्रॉम्प्ट से स्क्रीन तक की गति मज़बूत वास्तविक समय में स्क्रीन को कैनवास पर स्ट्रीम करता है। फास्ट मोड त्वरित है, प्रो मॉडल अधिक समय लेता है।
दृश्य गुणवत्ता मिश्रित स्वच्छ लेआउट, लेकिन Reddit समीक्षक संदर्भों के साथ भी परिणामों को सादा और सामान्य बताते हैं।
डिज़ाइन सिस्टम अच्छा एक URL से एक डिज़ाइन सिस्टम निकालता है और DESIGN.md का उपयोग करता है, जो डिज़ाइन नियमों के लिए एक खुला प्रारूप है।
फ़िग्मा हैंडऑफ़ मिश्रित फिग्मा की प्रतिलिपि मौजूद है, लेकिन यह कुछ मोड में अनुपलब्ध बताई गई है और अक्सर सपाट या गन्दी परतों के रूप में आती है।
डेवलपर हैंडऑफ़ मज़बूत कोड निर्यात, एक एमसीपी सर्वर और एसडीके, और Google एआई स्टूडियो और एंटीग्रेविटी को निर्यात।
कीमत और सीमाएँ मजबूत, एक चेतावनी के साथ Google खाते के साथ निःशुल्क. मासिक पीढ़ी सीमा मौजूद है, और Google एक भी वर्तमान संख्या प्रकाशित नहीं करता है।

निःशुल्क अन्वेषण और Google स्टैक में बिल्डरों के लिए सर्वोत्तम। उन टीमों के लिए कम उपयुक्त है जिन्हें देशी फिग्मा घटकों, सख्त ब्रांड नियंत्रण या गारंटीकृत दीर्घकालिक उत्पाद की आवश्यकता होती है।

गूगल स्टिच क्या है?

स्टिच Google लैब्स का एक प्रयोग है जो प्राकृतिक भाषा, छवियों और अन्य संदर्भों से उपयोगकर्ता इंटरफ़ेस उत्पन्न करता है। Google ने मई 2025 में गैलीलियो AI का अधिग्रहण किया और उस महीने Google I/O में जेमिनी 2.5 पर निर्मित स्टिच लॉन्च किया। गैलीलियो उपयोगकर्ताओं को माइग्रेट करने के लिए 30 दिन का समय दिया गया था। यदि आपने गैलीलियो एआई की खोज की है, तो यह वह उत्पाद है जिसने इसे प्रतिस्थापित कर दिया है।

क्या बदला इसकी समयरेखा

तारीख अद्यतन
मई 2025 स्टिच को Google लैब्स से लॉन्च किया गया: प्रॉम्प्ट और इमेज से यूआई, वेरिएंट, पेस्ट टू फिगमा और फ्रंट-एंड कोड एक्सपोर्ट।
18 मार्च 2026 Google ने वाइब डिज़ाइन पेश किया है: एक एआई-नेटिव इनफिनिट कैनवास, एक डिज़ाइन एजेंट, एक एजेंट मैनेजर, DESIGN.md, इंस्टेंट प्रोटोटाइप, वॉयस और एमसीपी और एसडीके एक्सेस।
21 अप्रैल 2026 Google DESIGN.md विनिर्देशन के मसौदे को ओपन-सोर्स करता है।
19 मई 2026 I/O पर, स्टिच स्ट्रीम, स्टिच एजेंट के साथ वास्तविक समय में कैनवास पर काम करती है, Google AI स्टूडियो के माध्यम से साझा करने योग्य लिंक बनाती है, Google एंटीग्रेविटी को निर्यात करती है और Netlify के साथ वेब पर प्रकाशित करती है।
3.1 प्रो के साथ अपने डिज़ाइन प्रॉम्प्ट का वर्णन करें, एक इनपुट प्रकार मेनू, Design.md के साथ एक डिज़ाइन सिस्टम पैनल और एक वॉयस लिसनिंग बार सहित स्टिच इंटरफ़ेस के टुकड़ों का कोलाज
छवि: गूगल. स्टिच इंटरफ़ेस के टुकड़े: 3.1 प्रो मॉडल के साथ प्रॉम्प्ट बॉक्स, इनपुट प्रकार, DESIGN.md और आवाज के साथ डिज़ाइन सिस्टम (Google की स्टिच घोषणा से चित्रण)।

2026 में Google स्टिच सुविधाएँ

यूआई को संकेत, छवि, यूआरएल या आवाज

आप वायरफ्रेम बनाने के बजाय, व्यावसायिक लक्ष्य, अपनी इच्छित भावना या संदर्भ समझाकर शुरुआत कर सकते हैं। स्टिच कैनवास पर छवियों, पाठ और कोड को संदर्भ के रूप में भी स्वीकार करता है, और आप आलोचना और लाइव परिवर्तनों के लिए कैनवास से बात कर सकते हैं। प्रॉम्प्ट बॉक्स में एक ऐप और वेब टॉगल और एक मॉडल चयनकर्ता है, जिसे Google के स्वयं के डेमो 3 फ्लैश और 3.1 प्रो जैसे विकल्पों के रूप में दिखाते हैं।

पिज़्ज़ा कंपनी के लिए रिस्पॉन्सिव लैंडिंग पेज, एक ऐप और वेब टॉगल और 3 फ़्लैश मॉडल चयनकर्ता के अनुरोध के साथ स्वागत स्क्रीन सिलाई करें
छवि: गूगल. ऐप और वेब टॉगल और मॉडल चयनकर्ता के साथ स्टिच प्रॉम्प्ट बॉक्स (Google के स्टिच I/O 2026 घोषणा वीडियो से फ़्रेम)।

अनंत कैनवास, डिज़ाइन एजेंट और एजेंट मैनेजर

कैनवास स्क्रीन, संदर्भ और विचारों को एक ही स्थान पर रखता है। डिज़ाइन एजेंट पूरे प्रोजेक्ट पर विचार करता है, और एजेंट प्रबंधक समानांतर में कई अन्वेषणों को ट्रैक करता है। I/O 2026 में Google ने रीयल-टाइम स्ट्रीमिंग जोड़ी है, ताकि आप स्टिच को एक पेज बनाते हुए देख सकें और इसे समाप्त होने से पहले चला सकें।

पिज़्ज़ा कंपनी की वेबसाइट के लिए दो स्टिच स्क्रीन वास्तविक समय में बनाई जा रही हैं, कैनवास पर एक स्टिच कर्सर लेबल के साथ
छवि: गूगल. स्टिच बनाते समय अपना काम कैनवास पर स्ट्रीम करता है (Google के स्टिच I/O 2026 घोषणा वीडियो से फ्रेम)।

डिज़ाइन सिस्टम और DESIGN.md

स्टिच किसी भी यूआरएल से एक डिज़ाइन सिस्टम निकाल सकता है, और यह DESIGN.md का उपयोग करता है, जो कि YAML में डिज़ाइन टोकन के साथ एक मार्कडाउन फ़ाइल है, साथ ही रंग, प्रकार, रिक्ति और घटकों के लिए लिखित तर्क भी है। आप इसे निर्यात कर सकते हैं, किसी अन्य स्टिच प्रोजेक्ट में आयात कर सकते हैं या कोडिंग एजेंट के साथ साझा कर सकते हैं। Google ने अप्रैल 2026 में ड्राफ्ट स्पेक को ओपन-सोर्स किया ताकि अन्य टूल इसका उपयोग कर सकें।

तत्काल प्रोटोटाइप

आप स्क्रीन को एक साथ लिंक कर सकते हैं और प्रवाह पर क्लिक करने के लिए प्ले दबा सकते हैं। स्टिच एक क्लिक से तार्किक अगली स्क्रीन भी उत्पन्न कर सकता है, जो यात्रा को तुरंत मैप करता है। विभिन्न चरणों में प्रवाह और प्रोटोटाइप क्यों मायने रखते हैं, इसके लिए देखें वायरफ्रेम बनाम प्रोटोटाइप.

साझा करें, प्रकाशित करें और निर्यात करें

कैनवास से आप Google AI स्टूडियो के माध्यम से एक साझा करने योग्य लिंक बना सकते हैं, बैकएंड लॉजिक जोड़ने के लिए Google एंटीग्रेविटी पर निर्यात कर सकते हैं, या Netlify के साथ वेब पर प्रकाशित कर सकते हैं। I/O डेमो में Google का अपना निर्यात पैनल Google AI स्टूडियो, MCP और Figma के माध्यम से Google एंटीग्रेविटी को सूचीबद्ध करता है।

स्टिच कैनवास दो तैयार पिज्जा कंपनी वेब स्क्रीन को शेयर और एक्सपोर्ट बटन और ऊपर और नीचे एजेंट मैनेजर के साथ दिखा रहा है
छवि: गूगल. तैयार स्क्रीन, शेयर, एक्सपोर्ट और एजेंट मैनेजर के साथ स्टिच कैनवास (Google के स्टिच I/O 2026 घोषणा वीडियो से फ्रेम)।

क्या गूगल स्टिच मुफ़्त है? मूल्य निर्धारण और सीमाएँ

हाँ। Stitch.withgoogle.com पर Google खाते के साथ सिलाई मुफ़्त है और कोई भुगतान योजना नहीं है। यह एक Google लैब्स उत्पाद है, जो बड़ी संख्या में देशों में 18 वर्ष और उससे अधिक उम्र के लोगों के लिए उपलब्ध है, इसलिए इसे हर जगह पेश नहीं किया जा सकता है।

सवाल उत्तर
कीमत मुक्त। कोई भुगतान स्तरीय पेशकश नहीं की गई है, और Google ने इसकी घोषणा भी नहीं की है।
पीढ़ी सीमा Google समर्थन ने अगस्त 2025 में उपयोगकर्ताओं को बताया कि प्रत्येक व्यक्ति को प्रति माह 350 मानक पीढ़ियाँ और 50 प्रायोगिक पीढ़ियाँ मिलती हैं। बाद में तृतीय-पक्ष रिपोर्टों में उच्च प्रो कैप का वर्णन किया गया है। Google अपने सार्वजनिक पृष्ठों पर एक भी मौजूदा नंबर नहीं दिखाता है, इसलिए ऐप में जांचें।
एक पीढ़ी के रूप में क्या मायने रखता है Google ने कहा कि प्रत्येक विविधता को मासिक कुल में पूर्ण स्क्रीन पीढ़ी के रूप में गिना जाता है।
क्या आप अधिक भुगतान कर सकते हैं? Google कर्मचारियों ने कहा है कि पीढ़ियों को बढ़ाने के लिए भुगतान करने का कोई तरीका नहीं है। एक फॉर्म भारी उपयोगकर्ताओं को टीम से और अधिक के बारे में पूछने की सुविधा देता है।
जोखिम यह एक लैब्स उत्पाद है। Google ने पहले लैब्स प्रयोगों को बंद कर दिया है, इसलिए जो आप रखना चाहते हैं उसे निर्यात करें।

व्यावहारिक सलाह यह है कि फास्ट मोड में एक्सप्लोर करें, जिन स्क्रीनों को आप शिप करने की योजना बना रहे हैं, उनके लिए प्रो मॉडल को सेव करें और तैयार काम को उसी दिन निर्यात करें।

गूगल स्टिच टू फिग्मा: एक्सपोर्ट कैसे काम करता है

स्टिच कॉपी टू फिगमा और पेस्ट का समर्थन करता है, और Google अपने एक्सपोर्ट पैनल में फिगमा दिखाता है। व्यवहार में विवरण मायने रखता है:

  • Google के डेवलपर फ़ोरम और Reddit की रिपोर्ट में कहा गया है कि थिंकिंग या प्रो मोड में बनाए गए डिज़ाइनों के लिए कॉपी टू फिगमा की पेशकश नहीं की जाती है, इसलिए गुणवत्ता और फिगमा निर्यात विपरीत दिशाओं में खींच सकते हैं।
  • Reddit उपयोगकर्ता उन आयातों का वर्णन करते हैं जहां टेक्स्ट वैक्टर के रूप में आता है और फ़्रेम का उपयोग ऑटो लेआउट के अंदर रिक्ति के रूप में किया जाता है, इसलिए अधिकांश परिणाम को फिर से बनाना पड़ता है।
  • एक सामान्य उपाय यह है कि स्टिच कोड को डाउनलोड किया जाए और इसे html.to.design जैसे प्लगइन के साथ फिग्मा में लाया जाए, जो अधिक विश्वसनीय आयात प्रदान करता है।

समझदारी भरा कार्यप्रवाह स्टिच में पुनरावृत्ति समाप्त करना, एक बार निर्यात करना, फिर फिगमा में उचित घटकों और टोकन का पुनर्निर्माण करना है। प्रत्येक पुनर्जनन आपके द्वारा पिछले निर्यात पर की गई मैन्युअल सफ़ाई को अमान्य कर देता है। यदि आप फिग्मा के अंदर एक ऐसा एजेंट चाहते हैं जो पहले से ही आपके घटकों का सम्मान करता हो, तो एनिमा बडी या देखें यूएक्स पायलट का नोडी.

स्टिच एक्सपोर्ट पैनल में सेट अप एमसीपी बटन के साथ गूगल एआई स्टूडियो, एमसीपी और फिगमा के माध्यम से गूगल एंटीग्रेविटी को प्रारूप के रूप में सूचीबद्ध किया गया है।
छवि: गूगल. स्टिच एक्सपोर्ट पैनल: गूगल एआई स्टूडियो, एमसीपी और फिगमा के माध्यम से गूगल एंटीग्रेविटी (गूगल के स्टिच I/O 2026 घोषणा वीडियो से फ्रेम)।

Google स्टिच कोड निर्यात और एमसीपी

स्टिच ने लॉन्च के बाद से फ्रंट-एंड कोड तैयार किया है, और समीक्षाओं में टेलविंड कक्षाओं के साथ HTML का वर्णन किया गया है जिसे डेवलपर्स शुरुआती बिंदु के रूप में उपयोग कर सकते हैं। इसे मचान के रूप में मानें: स्थैतिक डेटा वाला एक बड़ा घटक एक सामान्य परिणाम है, इसलिए घटकों और तार की स्थिति को विभाजित करने की योजना बनाएं।

स्टिच एमसीपी सर्वर और एसडीके अधिक दिलचस्प डेवलपर कहानी हैं। Google एंटीग्रेविटी जैसा कोडिंग एजेंट आपके प्रोजेक्ट को ला सकता है, डिज़ाइन टोकन और स्क्रीन को पढ़ सकता है और उनसे निर्माण कर सकता है। Google का अपना कोडलैब स्टिच सेटिंग्स में एक एपीआई कुंजी बनाने, एंटीग्रेविटी में स्टिच एमसीपी जोड़ने, एक DESIGN.md उत्पन्न करने और एक रिएक्ट और टेलविंड साइट बनाने का काम करता है। एमसीपी संदर्भ प्रोजेक्ट बनाने, टेक्स्ट से स्क्रीन बनाने, स्क्रीन संपादित करने, वेरिएंट तैयार करने और डिजाइन सिस्टम प्रबंधित करने के लिए टूल सूचीबद्ध करता है, जिसमें DESIGN.md अपलोड करना भी शामिल है।

यदि आपका अंतिम लक्ष्य डिज़ाइन फ़ाइल के बजाय एक कार्यशील रिएक्ट या HTML ऐप है, तो इस मार्ग की तुलना करें अनिमा खेल का मैदान, जो सीधे संपादन योग्य ऐप बनाता है।

Google स्टिच का उपयोग कैसे करें: चरण-दर-चरण पूर्वाभ्यास

यह वॉकथ्रू Google की अपनी घोषणाओं, डेवलपर दस्तावेज़ों और I/O डेमो वीडियो का अनुसरण करता है। नीचे दिए गए संकेत स्वयं को आज़माने के लिए शुरुआती बिंदु हैं, और परिणाम हर दौड़ में भिन्न होते हैं। छवियां Google के आधिकारिक दृश्य हैं, जिन्हें इस तरह श्रेय दिया जाता है, साथ ही सार्वजनिक लैंडिंग पृष्ठ का एक दृश्य भी है। सिलाई अक्सर बदलती रहती है, इसलिए जब आप इसे खोलते हैं तो बटन के नाम और मॉडल के नाम भिन्न हो सकते हैं।

यदि आप भी टूल की तुलना करना चाहते हैं, तो स्टिच और यूएक्स पायलट में नीचे दिए गए समान प्लांट-स्वैप प्रॉम्प्ट को आज़माएं। हमारा यूएक्स पायलट समीक्षा दिखाता है कि वह संकेत वहां कैसे निकला, इसलिए आप अंत में चेकलिस्ट के साथ दोनों की तुलना कर सकते हैं।

चरण 1: स्टिच खोलें और साइन इन करें

Stitch.withgoogle.com पर जाएं और Google खाते से साइन इन करें। स्टिच समर्थित देशों में 18 वर्ष और उससे अधिक उम्र के लोगों के लिए एक Google लैब्स उत्पाद है। सार्वजनिक लैंडिंग पृष्ठ एक ऐप और वेब टॉगल, एक मॉडल चिप और कुछ स्टार्टर सुझावों वाला एक एकल प्रॉम्प्ट बॉक्स है।

एआई की गति से डिजाइन, एक प्रॉम्प्ट बॉक्स, एक ऐप और वेब टॉगल और एक मॉडल चिप शीर्षक के साथ stuff.withgoogle.com पर स्टिच लैंडिंग पृष्ठ
Google Stitch: सार्वजनिक लैंडिंग पृष्ठ पर प्रॉम्प्ट बॉक्स

लेखन के समय, सार्वजनिक पृष्ठ पर मॉडल चिप पढ़ता है संतुलित, जबकि Google के I/O डेमो फ़्रेम 3 फ़्लैश और 3.1 प्रो जैसे मॉडल नाम दिखाते हैं। रिलीज़ के बीच नाम और विकल्प बदलते रहते हैं, इसलिए ऐप उस दिन जो भी तेज़ और उच्च-गुणवत्ता वाला विकल्प प्रदान करता है उसे चुनें।

चरण 2: ऐप या वेब और एक मॉडल चुनें

टॉगल स्टिच को बताता है कि आप एक देशी मोबाइल ऐप या वेब पेज डिज़ाइन कर रहे हैं। Google का अपना डेमो वेब का उपयोग करता है। नीचे प्लांट-स्वैप प्रॉम्प्ट के लिए, ऐप चुनें। अपनी मुफ़्त पीढ़ियों की सुरक्षा के लिए, तेज़ मॉडल के साथ अन्वेषण करें और जिन स्क्रीनों को आप शिप करने की योजना बना रहे हैं, उनके लिए उच्च-गुणवत्ता वाला मॉडल रखें। सीमाएँ ऊपर मूल्य निर्धारण अनुभाग में शामिल हैं।

चरण 3: संदर्भ के साथ एक संकेत लिखें

Google का मार्गदर्शन किसी वायरफ़्रेम के बजाय व्यावसायिक उद्देश्य, वह भावना जो आप उपयोगकर्ताओं को चाहते हैं, या जो आपको प्रेरित करती है उसके उदाहरणों से शुरू करना है। स्टिच कैनवास पर संदर्भ के रूप में छवियों, पाठ और कोड को भी स्वीकार करता है, और यह एक यूआरएल से एक डिज़ाइन सिस्टम निकाल सकता है। यहां I/O वीडियो से Google का अपना डेमो प्रॉम्प्ट है, जैसा कि इस समीक्षा में पहले प्रॉम्प्ट बॉक्स छवि में स्क्रीन पर दिखाया गया है:

विलमेट पिज़्ज़ा कंपनी के लिए एक प्रतिक्रियाशील लैंडिंग पृष्ठ बनाएं। रंग पैलेट के लिए प्राथमिक पृष्ठभूमि को गर्म ऑफ-व्हाइट, द्वितीयक पृष्ठभूमि को चमकदार, नरम आसमानी नीला और जीवंत आसमानी नीले रंग का होना चाहिए…

और यहां एक संक्षिप्त जानकारी दी गई है जिसे आप स्टिच और यूएक्स पायलट दोनों पर आज़मा सकते हैं। ऐप चुनें, इसे पेस्ट करें और सबमिट करें:

पड़ोस के पौधे-स्वैप समुदाय के लिए एक मोबाइल ऐप: होम फ़ीड, प्लांट विवरण पृष्ठ और चैट स्क्रीन। स्वच्छ, मैत्रीपूर्ण, हरा उच्चारण।

युक्तियाँ जो Google के मार्गदर्शन का पालन करती हैं: अपनी इच्छित स्क्रीन को नाम दें, भावना (स्वच्छ, मैत्रीपूर्ण) बताएं, एक उच्चारण रंग दें, और यदि आपके पास एक संदर्भ छवि है तो उसे संलग्न करें।

चरण 4: इसे उत्पन्न और संचालित करते हुए देखें

I/O 2026 में Google ने कहा कि स्टिच अब अपना काम सीधे कैनवास पर स्ट्रीम करता है, ताकि आप एक पेज को आकार लेते हुए देख सकें। स्टिच एजेंट आपको परिणाम अंतिम होने से पहले पुनरावृत्तियों को चलाने की सुविधा देता है, और एजेंट प्रबंधक समानांतर में कई अन्वेषणों को ट्रैक करता है। Google के डेमो में आप आलोचना या परिवर्तन के लिए पूछने के लिए कैनवास पर भी बात कर सकते हैं।

चरण 5: अनुवर्ती संकेतों के साथ संपादित करें

एक बार स्क्रीन मौजूद हो जाने पर, चैट में संक्षिप्त फॉलो-अप के साथ उन्हें परिष्कृत करें, या एक स्क्रीन का चयन करें और बदलाव के लिए कहें। स्टिच का एमसीपी संदर्भ स्क्रीन को संपादित करने और वेरिएंट उत्पन्न करने के लिए टूल भी सूचीबद्ध करता है, जो तब उपयोगी होता है जब आप एक स्क्रीन की कई दिशाएँ चाहते हैं। आप प्लांट-स्वैप परिणाम पर एक अनुवर्ती प्रयास कर सकते हैं:

होम फ़ीड को 2-कॉलम ग्रिड बनाएं और एक खोज बार जोड़ें

जब आप टूल की तुलना करते हैं, तो ध्यान दें कि क्या संपादन के बाद बाकी स्क्रीन वैसी ही रहती है, क्योंकि रीजेनरेट-शैली के संपादन उन क्षेत्रों को बदल सकते हैं जिनके बारे में आपने नहीं पूछा था।

चरण 6: DESIGN.md के साथ एक डिज़ाइन सिस्टम लागू करें

स्टिच एक यूआरएल से एक डिज़ाइन सिस्टम खींच सकता है, और यह डिज़ाइन नियमों को DESIGN.md, टोकन और लिखित तर्क के साथ एक मार्कडाउन फ़ाइल में संग्रहीत करता है। आप इसे निर्यात कर सकते हैं, किसी अन्य स्टिच प्रोजेक्ट में आयात कर सकते हैं या कोडिंग एजेंट को सौंप सकते हैं। Google का डेमो एक सरल भाषा संकेत के साथ पूरी साइट पर एक डिज़ाइन सिस्टम लागू करता है:

Google की घोषणा से, इस डिज़ाइन सिस्टम को संपूर्ण साइट और 3.1 प्रो मॉडल चयनकर्ता पर लागू करें टेक्स्ट के साथ प्रॉम्प्ट बॉक्स सिलाई करें
छवि: गूगल. एक स्टिच प्रॉम्प्ट जो पूरी साइट पर एक डिज़ाइन सिस्टम लागू करता है (ब्लॉग.गूगल पर Google की वाइब डिज़ाइन घोषणा से)।

इस डिज़ाइन प्रणाली को संपूर्ण साइट पर लागू करें.

स्टिच में ओपन-सोर्स DESIGN.md प्रारूप के लिए Google ग्राफ़िक, डिज़ाइन टोकन और एक रंग पैलेट के साथ एक DESIGN.md फ़ाइल दिखा रहा है
छवि: गूगल. blog.google पर DESIGN.md घोषणा से ग्राफ़िक।

चरण 7: स्क्रीन लिंक करें और प्ले दबाएँ

Google का कहना है कि आप सेकंडों में स्क्रीन को एक साथ जोड़ सकते हैं और प्रवाह का पूर्वावलोकन करने के लिए Play पर क्लिक कर सकते हैं। स्टिच एक क्लिक से तार्किक अगली स्क्रीन भी उत्पन्न कर सकता है, जो आपको तेजी से यात्रा मैप करने में मदद करता है। प्लांट-स्वैप ऐप के लिए, फ़ीड को विवरण पृष्ठ से और विवरण पृष्ठ को चैट से लिंक करें, फिर क्लिक करें।

Google की स्टिच प्रोटोटाइप की घोषणा से, स्टिच स्क्रीन की एक पंक्ति पर प्ले बटन
छवि: गूगल. स्टिच में प्ले बटन लिंक की गई स्क्रीन को क्लिक करने योग्य पूर्वावलोकन में बदल देता है (ब्लॉग.गूगल पर Google की वाइब डिज़ाइन घोषणा से)।

चरण 8: साझा करें और निर्यात करें

जब आपका काम पूरा हो जाए, तो निर्यात खोलें। Google का I/O डेमो Google AI स्टूडियो, MCP और Figma के माध्यम से Google एंटीग्रेविटी दिखाता है। आप AI स्टूडियो के माध्यम से एक साझा करने योग्य लिंक भी बना सकते हैं, या Netlify के साथ वेब पर प्रकाशित कर सकते हैं। डेवलपर्स के लिए, स्टिच एमसीपी और एसडीके को स्टिच सेटिंग्स से एपीआई कुंजी की आवश्यकता होती है, जैसा कि Google का कोडलैब वर्णन करता है। कॉपी टू फिगमा पर भरोसा करने से पहले उपरोक्त फिगमा निर्यात नोट्स पढ़ें।

अपने स्वयं के परिणाम का मूल्यांकन करने के लिए एक चेकलिस्ट

  • क्या आपके द्वारा नामित प्रत्येक स्क्रीन प्लेसहोल्डर टेक्स्ट के बजाय यथार्थवादी सामग्री के साथ मौजूद है?
  • क्या उच्चारण का रंग और प्रकार सभी स्क्रीन पर एक समान है?
  • संपादन संकेत के बाद, क्या केवल अनुरोधित क्षेत्र ही बदला?
  • अन्वेषण में कितनी पीढ़ियों का उपयोग किया गया और फिग्मा में सफ़ाई में कितना समय लगा?

स्रोतः गूगल वाइब डिज़ाइन घोषणा, द I/O वास्तविक समय डिज़ाइन अद्यतन और यह DESIGN.md घोषणा.

उपयोगकर्ता Google Stitch के बारे में क्या कहते हैं

  • प्रशंसा की: गति, एक उदार मुक्त स्तर, मल्टी-स्क्रीन पीढ़ी, कैनवास, डिज़ाइन सिस्टम निष्कर्षण और एआई स्टूडियो, एंटीग्रेविटी और एमसीपी से डेवलपर लिंक।
  • आलोचना: संदर्भों के साथ भी सादा या सामान्य आउटपुट, जटिल SaaS और एंटरप्राइज़ डिज़ाइनों पर कमज़ोर नियंत्रण, फिगमा निर्यात जिन्हें पुनर्निर्माण की आवश्यकता है, मासिक पीढ़ी कैप को मारना, और Google के फ़ोरम पर कभी-कभी पीढ़ी त्रुटियों की सूचना दी जाती है।

r/UX_Design पर एक डिज़ाइनर का कहना है कि स्टिच “एक अद्भुत विचार और त्वरित पुनरावृत्ति उपकरण” है, लेकिन संदर्भ जोड़ने के बाद भी परिणाम “बहुत स्पष्ट और सामान्य” रहे। r/StitchAI पर एक उपयोगकर्ता का कहना है कि उन्हें जो कुछ भी वापस मिलता है उसे फिगमा में आयात करने के बाद स्क्रैच से फिर से बनाना पड़ता है। दोनों व्यक्तिगत रिपोर्ट हैं, मापी गई दरें नहीं।

गूगल स्टिच के फायदे और नुकसान

पेशेवरों दोष
Google खाते के साथ निःशुल्क मासिक पीढ़ी सीमा, और कोई प्रकाशित वर्तमान संख्या नहीं
वास्तविक समय स्ट्रीमिंग और एक एजेंट प्रबंधक के साथ अनंत कैनवास आउटपुट सामान्य या टेम्पलेट जैसा दिख सकता है
DESIGN.md एक खुला प्रारूप है जिसे अन्य उपकरण पढ़ सकते हैं फिग्मा की प्रतिलिपि कुछ मोड में उपलब्ध नहीं है और अक्सर समान रूप से आती है
एमसीपी सर्वर और एसडीके, साथ ही एआई स्टूडियो और एंटीग्रेविटी एक्सपोर्ट कोड एक प्रारंभिक बिंदु है, उत्पादन के लिए तैयार नहीं
आवाज, त्वरित प्रोटोटाइप और साझा करने योग्य लिंक यह एक Google लैब्स उत्पाद है जिसमें कोई भुगतान योजना या प्रकाशित रोडमैप नहीं है

गूगल स्टिच बनाम फिग्मा: क्या स्टिच फिग्मा की जगह ले सकता है?

नहीं, और Google इसे उस तरह से प्रस्तुत नहीं करता है। स्टिच शून्य-से-एक चरण का मालिक है: दिशाओं की खोज करना, पहला डिज़ाइन प्राप्त करना और उसे कोड को सौंपना। फिग्मा के पास बड़ी टीमों के लिए परिशोधन, घटक, चर, सहयोग और हैंडऑफ़ का स्वामित्व है। दोनों निर्यात चरण पर मिलते हैं, जहां सबसे अधिक घर्षण होता है।

गूगल सिलाई फिग्मा
ताकत संकेतों, छवियों और आवाज़ से तेज़ अन्वेषण सटीक संपादन, घटक, चर, टीम लाइब्रेरी
कीमत Google लैब्स में निःशुल्क सशुल्क योजनाएँ, निःशुल्क स्टार्टर टियर
डिज़ाइन प्रणाली एक URL, DESIGN.md से निकाला गया पुस्तकालय, चर, देव मोड
कोड HTML निर्यात, एमसीपी, एंटीग्रेविटी डेव मोड, फिग्मा एमसीपी, मेक कोड एक्सपोर्ट
परिपक्वता लैब्स प्रयोग स्थापित उत्पाद

यदि आप फिग्मा का अपना एआई प्रोटोटाइप टूल देखना चाहते हैं, तो हमारी मार्गदर्शिका पढ़ें फिग्मा मेक.

सर्वोत्तम Google स्टिच विकल्प

1. अनिमा खेल का मैदान

जब आप सीधे कोड में डिज़ाइन करना चाहते हैं तो एनिमा प्लेग्राउंड चुनें। एक स्क्रीन का वर्णन करें या फिगमा डिज़ाइन, एक छवि या एक वेबसाइट यूआरएल से शुरू करें, फिर एक संपादन योग्य HTML या रिएक्ट ऐप पर पुनरावृत्ति जारी रखें जिसे आप पूर्वावलोकन, साझा और प्रकाशित कर सकते हैं। स्टिच एक डिज़ाइन अन्वेषण उपकरण है जो कोड निर्यात करता है। प्लेग्राउंड कार्यशील ऐप को डिज़ाइन के रूप में मानता है, इसलिए जब आप पुनरावृति करते हैं तो रिक्ति, स्थिति और प्रतिक्रियाशील व्यवहार दिखाई देते हैं। यह देशी फिग्मा परतों का स्रोत नहीं है, इसलिए यदि आपको इसकी आवश्यकता हो तो इसे एनिमा फिग्मा प्लगइन या बडी के साथ जोड़ें।

2. यूएक्स पायलट

फिगमा-केंद्रित टीमों के लिए बेहतर: नोडी फिगमा के अंदर चलता है, आपके घटकों को आयात करता है और देशी परतें उत्पन्न करता है। इसमें निःशुल्क दैनिक भत्ते से अधिक क्रेडिट की लागत होती है। हमारा देखें यूएक्स पायलट समीक्षा.

3. फिग्मा मेक

फिग्मा के अंदर इंटरैक्टिव प्रोटोटाइप। पढ़ना फिग्मा मेक क्या है या फिग्मा मेक बनाम एनिमा प्लेग्राउंड तुलना.

4. क्लाउड डिज़ाइन

क्लाउड कोड हैंडऑफ़ के साथ चैट-आधारित अवधारणाएं, स्लाइड और प्रोटोटाइप। हमारा देखें क्लाउड डिज़ाइन समीक्षा.

5. एनिमा द्वारा बडी

फिग्मा के अंदर एक एआई डिज़ाइन एजेंट जो आपके डिज़ाइन-सिस्टम संदर्भ का उपयोग करता है। यदि आप फिग्मा कैनवास पर बने रहना चाहते हैं तो इसे चुनें।

औजार के लिए सर्वोत्तम उत्पादन मूल्य निर्धारण
गूगल सिलाई मुफ़्त अन्वेषण, Google-स्टैक बिल्डर्स स्क्रीन, HTML, AI स्टूडियो, एंटीग्रेविटी Google लैब्स में निःशुल्क
अनिमा खेल का मैदान प्रॉम्प्ट, फिग्मा, इमेज या यूआरएल से वेब ऐप्स चलाना संपादन योग्य HTML और रिएक्ट आप प्रकाशित कर सकते हैं एनिमा मूल्य निर्धारण देखें
यूएक्स पायलट उत्पाद यूआई और फिग्मा हैंडऑफ़ के साथ प्रवाह संपादन योग्य डिज़ाइन, फिग्मा परतें, कोड मुफ़्त, फिर $19 से $39 प्रति माह
फिग्मा मेक फिग्मा में इंटरैक्टिव प्रोटोटाइप प्रोटोटाइप ऐप और ज़िप कोड फिग्मा योजनाओं पर क्रेडिट शामिल हैं
क्लाउड डिज़ाइन चैट-आधारित दृश्य अवधारणाएँ प्रोटोटाइप, स्लाइड, एक पेजर क्लाउड भुगतान योजनाएँ

Google Stitch का उपयोग किसे करना चाहिए?

  • संस्थापक और प्रधान मंत्री जिन्हें किसी उपकरण के लिए भुगतान किए बिना पहले विश्वसनीय डिज़ाइन की आवश्यकता होती है।
  • डिजाइनर फिग्मा खोलने से पहले कई दिशाओं की खोज करना।
  • डेवलपर्स जो एंटीग्रेविटी या किसी अन्य एमसीपी-सक्षम एजेंट के लिए डिज़ाइन संदर्भ चाहते हैं।

यदि कहीं और देखें आपको सख्त ब्रांड नियंत्रण, देशी फिग्मा घटकों, गारंटीकृत क्षमता या एक स्थिर दीर्घकालिक उत्पाद की आवश्यकता है।

अंतिम फैसला: क्या Google Stitch इसके लायक है?

हाँ, एक निःशुल्क अन्वेषण उपकरण के रूप में। कई दिशा-निर्देश तुरंत प्राप्त करने के लिए इसका उपयोग करें, फिर विजेता को फिगमा या कोडिंग एजेंट में ले जाएं, और उसी दिन निर्यात करें। जब तक Google सीमाएँ और रोडमैप प्रकाशित नहीं करता, तब तक इसके इर्द-गिर्द किसी एजेंसी वर्कफ़्लो की योजना न बनाएं। यदि आप चाहते हैं कि डिज़ाइन और कार्यशील ऐप एक साथ रहें, तो अगला एनिमा प्लेग्राउंड आज़माएँ।

AI के साथ सीधे कोड में डिज़ाइन करें

एआई के साथ डिजाइन: एक स्क्रीन का वर्णन करें या फिग्मा डिजाइन को कोड में बदलें।

गूगल स्टिच FAQ

गूगल स्टिच क्या है?

Google Stitch एक Google Labs AI टूल है जो अनंत कैनवास पर टेक्स्ट प्रॉम्प्ट, छवियों और अन्य संदर्भों से उच्च-निष्ठा UI डिज़ाइन और फ्रंट-एंड कोड उत्पन्न करता है। इसे मई 2025 में लॉन्च किया गया और गैलीलियो AI की जगह ली गई, जिसे Google ने अधिग्रहित कर लिया।

क्या गूगल स्टिच मुफ़्त है?

हाँ। Google खाते के साथ स्टिच निःशुल्क है और इसकी कोई सशुल्क योजना नहीं है। मासिक पीढ़ी की सीमाएँ लागू होती हैं, और Google समर्थन ने अगस्त 2025 में एक महीने में 350 मानक और 50 प्रायोगिक पीढ़ियों का हवाला दिया। बाद की रिपोर्टें भिन्न हैं, इसलिए ऐप में वर्तमान सीमा की जाँच करें।

मैं Google स्टिच में कैसे लॉग इन करूं?

Stitch.withgoogle.com पर जाएं और Google खाते से साइन इन करें। स्टिच 18 वर्ष और उससे अधिक उम्र के उपयोगकर्ताओं के लिए एक Google लैब्स उत्पाद है, और यह हर देश में उपलब्ध नहीं हो सकता है।

क्या Google Stitch Figma को निर्यात कर सकता है?

हां, कॉपी टू फिग्मा और पेस्ट के साथ, लेकिन यह कुछ मोड के लिए अनुपलब्ध बताया गया है और अक्सर फ्लैट परतों के रूप में आता है। कई उपयोगकर्ता कोड डाउनलोड करते हैं और इसके बजाय इसे html.to.design जैसे प्लगइन के साथ आयात करते हैं।

क्या Google Stitch के पास MCP सर्वर है?

हाँ। स्टिच एमसीपी सर्वर और एसडीके Google एंटीग्रेविटी जैसे कोडिंग एजेंटों को आपके प्रोजेक्ट पढ़ने, स्क्रीन बनाने और आपके डिज़ाइन सिस्टम का उपयोग करने देते हैं। कनेक्ट करने के लिए आप स्टिच सेटिंग्स में एक एपीआई कुंजी बनाते हैं।

सर्वोत्तम Google स्टिच विकल्प क्या हैं?

यदि आप प्रॉम्प्ट या फिगमा डिज़ाइन से संपादन योग्य HTML या रिएक्ट ऐप चाहते हैं तो एनिमा प्लेग्राउंड एक मजबूत विकल्प है। यूएक्स पायलट फिगमा टीमों के लिए उपयुक्त है, फिगमा मेक फिगमा में इंटरैक्टिव प्रोटोटाइप के लिए उपयुक्त है, और क्लाउड डिज़ाइन चैट-आधारित अवधारणाओं के लिए उपयुक्त है।