हर प्रोजेक्ट की दाईं ओर live preview है — मॉकअप नहीं, बल्कि प्रोजेक्ट फ़ोल्डर की असली फ़ाइलें, लोकली सर्व होकर एजेंट के लिखते ही दोबारा पेंट होती हुईं. आप जो देखते हैं वही वाक़ई शिप होने वाला है.
Result, Code और Split
पैनल के ऊपर के टैब बदलते हैं कि आप उसी स्टेट को कैसे देखते हैं:
- Result — रेंडर हुआ डिज़ाइन. स्टीयरिंग यहीं होती है.
- Code — प्रीव्यू के नीचे का सोर्स, जब आप फ़ाइलें देखना चाहें.
- Split — दोनों साथ-साथ.
व्यूपोर्ट और ज़ूम
टूलबार के डिवाइस बटन नतीजे को तय चौड़ाई पर फिर से फ़्लो करते हैं — डेस्कटॉप, टैबलेट और फ़ोन — ताकि आप रन छोड़े बिना देख सकें कि डिज़ाइन कैसे व्यवहार करता है. उनके बगल में 50 / 100 / 150% ज़ूम स्टेप हैं, और चौड़ाई चिप सीधे उन ब्रेकपॉइंट पर कूदती हैं जिन्हें gate जाँचता है (फ़ोन और टैबलेट साइज़ जहाँ nav और hit-target सबसे ज़्यादा टूटते हैं).
क्योंकि जाँच लाइव है, gate जो पाँच-चौड़ाई वाली तुलना चलाता है — डेस्कटॉप, लैपटॉप, टैबलेट और दो फ़ोन चौड़ाइयाँ — वह आप किसी भी वक़्त खुद आँखों से परख सकते हैं, सिर्फ़ टर्न के खत्म होने के बाद ही नहीं.
Pick, comment, और tools रेल
प्रीव्यू के अंदर ⌥-hover कर्सर के नीचे वाले एलिमेंट को हाइलाइट करता है — वही एलिमेंट जो एजेंट देखता है — और ⌥-click उस पर कमेंट पिन करता है. रेल बटन स्टीयरिंग ड्रॉअर खोलते हैं: लाइव कंट्रोल के लिए Tweaks, पिन और ड्रॉइंग के लिए Comment mode, और डिज़ाइन से पूछने के लिए कि यह ऐसा क्यों दिखता है, Designer talk. हर एक का अपना पेज Steering के नीचे है.
Present मोड
Present स्टूडियो का क्रोम हटाकर पूरी विंडो नतीजे से भर देता है — किसी और को कमरे में रन दिखाने के लिए, या बस ट्रांसक्रिप्ट के बिना डिज़ाइन को देखने के लिए. Escape प्रोजेक्ट पर लौटाता है.
एजेंट के काम करते समय क्या लाइव रहता है
प्रीव्यू सिर्फ़ अंत में नहीं, टर्न के दौरान भी पेंट होता है — आप डिज़ाइन को फ़ाइल-दर-फ़ाइल जुड़ते देखते हैं. स्टीयरिंग (picks, comments, Tweaks) भी लाइव रहती है; नए नोट चलते बिल्ड को रोकने के बजाय अगले टर्न की क़तार में चले जाते हैं.
टिप: किसी नतीजे को पूरा कहने से पहले फ़ोन व्यूपोर्ट जाँच लें — gate तो जाँचेगा ही. ऐसी nav जो डेस्कटॉप चौड़ाई पर चलती है लेकिन मोबाइल पर dead-end हो, सबसे आम FAIL है.