1DesignTool में सबसे छोटा रास्ता एक ब्रीफ़ और एक स्टीयर है — क़रीब पाँच मिनट. यह पेज उसी लूप से गुज़रता है: एक नया प्रोजेक्ट, पहला रन, और पहला फ़िक्स, ताकि बाकी डॉक्स को पढ़ने के लिए एक ढाँचा मिल जाए.
प्रोजेक्ट बनाएँ
होम स्क्रीन से New project दबाएँ — या होम कंपोज़र में सीधे डिज़ाइन का वर्णन लिखें, ऐप प्रोजेक्ट आपके लिए बना देगा. टेम्पलेट चुनने से एजेंट को आउटपुट फ़ॉर्मेट पता चल जाता है (स्लाइड डेक, मोबाइल स्क्रीन सेट, UI मॉकअप) और सही व्यूअर और जाँचें लोड हो जाती हैं; Blank फ़ॉर्मेट ब्रीफ़ पर छोड़ देता है.
पहला ब्रीफ़ लिखें
अच्छा पहला ब्रीफ़ आइडिया, ऑडियंस और फ़ील ले जाता है — एक-दो वाक्य, स्पेक नहीं. "कॉफ़ी सब्सक्रिप्शन के लिए लैंडिंग पेज — डार्क, एडिटोरियल, दमदार टाइप" काफ़ी है. इसे Send से भेजें और रन शुरू हो जाता है: कंपोज़र एजेंट को काम करते दिखाता है, और प्रोजेक्ट फ़ोल्डर में असली फ़ाइलें उतरते ही प्रीव्यू पैनल भरने लगती है.
टर्न खत्म होने पर gate रिपोर्ट देता है — Design checks हरा होने का मतलब नतीजा kit के नियमों पर खरा उतरता है (कंट्रास्ट, टाइप साइज़, हिट टारगेट, हर चौड़ाई पर काम करती नेविगेशन). नतीजा दाईं पैनल में लाइव रहता है: उस पर होवर करें, उसमें क्लिक करके घूमें, चौड़ाई ड्रैग करें.
एक बार स्टीयर करें
हेडलाइन पसंद नहीं? प्रीव्यू में उसे ⌥-click करें, एक लाइन लिखें — "इसे छोटा करें, ज़्यादा से ज़्यादा दो लाइनें" — और भेज दें. कमेंट एक पिन बनकर पहुँचता है जिसे एजेंट पढ़ता है, और अगला टर्न उसी जगह को ठीक कर देता है. दिशा में बड़ा बदलाव चाहिए तो कंपोज़र में फ़ॉलो-अप लिखें.
टिप: क्या स्टीयर करें, कैसे नहीं. "
margin-top: 4remजोड़ें" से बेहतर है "फ़ोल्ड के ऊपर ज़्यादा जगह दें" — design kit आपके डायरेक्शन को ऐसे टोकन में बदलता है जिन्हें पूरा प्रोजेक्ट कंसिस्टेंट रखता है.
आगे बढ़ें: एक मोबाइल ऐप, MCP से फिर से डिज़ाइन की गई
वही लूप बड़े आर्टिफ़ैक्ट्स तक स्केल होती है. यहाँ एक Mobile app प्रोजेक्ट एक हैबिट-ट्रैकिंग ऐप बनाता है — Today रिंग्स, स्ट्रीक्स, एक stats स्क्रीन — नेटिव SwiftUI स्टाइलिंग में, फिर एक MCP client (Cursor) ऐप के बाहर से अगला टर्न चलाता है: एक री-डिज़ाइन जो एक्सेंट बदलता है, रिंग्स को बोल्ड करता है और एक वीकली चार्ट जोड़ता है.
बाहरी टर्न बाकी टर्न जैसा ही उतरता है — बबल पर via MCP · Cursor टैग के साथ, ट्रांसक्रिप्ट में लाइव रन, और खत्म होने पर gate रिपोर्ट करता है. स्टूडियो कभी नहीं रुकता; क्लाइंट बस उसकी असली API इस्तेमाल करता है.
MCP — किसी भी एजेंट से स्टूडियो चलाएँ में सर्वर, एक्सेस पैनल और वह सब है जो क्लाइंट कॉल कर सकता है.