कैनवास और टूल

कैनवास पूरी विंडो में फैला रहता है और पैनल उसके ऊपर तैरते हैं। हर टूल का एक-कुंजी शॉर्टकट है।

1टूल

टूल	यह क्या करता है
चयन `V`	लेयर चुनें, खिसकाएँ और उनका आकार बदलें।
फ़्रेम `F`	फ़्रेम बनाएँ। सबसे ऊपरी स्तर का फ़्रेम एक बोर्ड, स्क्रीन या स्लाइड होता है।
आयत `R`	आकृतियों का स्लॉट। इसके मेनू में बहुभुज, तारा, रेखा, आइकन और ब्राउज़र भी हैं।
दीर्घवृत्त `O`	वृत्त और दीर्घवृत्त, आर्क और डोनट के साथ।
बहुभुज `Y`, रेखा `L`	नियमित बहुभुज और सीधी रेखाएँ।
पेन `P`	कई एंकर वाले पाथ। Enter या Escape दबाने पर पाथ पूरा होता है।
पेंसिल `Shift+P`	हाथ से खींची रेखाएँ, जो स्मूद कर्व में बदल जाती हैं।
टेक्स्ट `T`	क्लिक करें तो बढ़ने वाला टेक्स्ट बॉक्स, ड्रैग करें तो तय चौड़ाई।
नोट `N`	अपने लिए या किसी एजेंट के लिए नोट, संदर्भ और प्रॉम्प्ट कार्ड।
इमेज	PNG, JPEG, GIF, WebP या SVG फ़ाइल रखें।
हैंड `H`	कैनवास को पैन करें। Space दबाए रखने से भी यही होता है।

2ख़ास आकृतियाँ

तारा: भीतरी त्रिज्या वाला बहुभुज। पैनल में कोनों की संख्या और भीतरी त्रिज्या सेट होती है।
दीर्घवृत्त आर्क: पैनल में शुरू, स्वीप और आंतरिक से दीर्घवृत्त पाई स्लाइस, आर्क या डोनट बन जाता है।
आइकन: Lucide, Feather, Simple Icons (ब्रांड), outlined, rounded और sharp में Material Symbols, और Phosphor में से चुनें।
पेंसिल स्मूदिंग: सटीक, संतुलित या स्मूद, जो सेटिंग्स, सिस्टम में सेट होती है। पेंसिल कर्सर की शैली भी वहीं है।

3कैनवास पर लाइव वेब पेज

ब्राउज़र आकृति असली वेब पेज को डेस्कटॉप, टैबलेट या फ़ोन डिवाइस में दिखाती है, URL, ज़ूम और स्क्रॉल के साथ। यह आपके कंप्यूटर पर पहले से इंस्टॉल Chrome, Chromium, Edge या Brave का इस्तेमाल करती है; कोई दूसरा चुनने के लिए DE_BROWSER_PATH सेट करें।

आप जो फ़ाइल खोलते हैं उसके पेज तब तक रुके रहते हैं जब तक आप पेज लोड करें पर क्लिक न करें, इसलिए फ़ाइल खोलने भर से कोई साइट नहीं खुलती।

4नोट और स्क्रिप्ट

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

स्क्रिप्ट नोड JavaScript से बनाया गया फ़्रेम है। इसके @input पैरामीटर पैनल के स्क्रिप्ट सेक्शन में फ़ील्ड के रूप में दिखते हैं।

5कैनवास पर घूमना

ट्रैकपैड पर दो उँगलियों से स्क्रॉल करने पर पैन होता है; पिंच करने पर ज़ूम।
माउस व्हील ज़ूम करता है। ट्रैकपैड पर स्क्रॉल करते समय Cmd दबाए रखें तो पैन की जगह ज़ूम होगा।
किसी भी टूल के साथ पैन करने के लिए Space दबाए रखकर ड्रैग करें।
नीचे दाईं ओर का ज़ूम पिल ज़ूम इन, ज़ूम आउट और सब कुछ स्क्रीन में फ़िट करता है।

6संरेखण, स्नैप और संयोजन

लेयर को ड्रैग करने पर स्मार्ट गाइड दिखते हैं और वह आस-पास की लेयरों के किनारों और केंद्रों पर स्नैप होती है।

पैनल से बाएँ, केंद्र, दाएँ, ऊपर, बीच या नीचे संरेखित करें। तीन या ज़्यादा लेयर चुनने पर उन्हें क्षैतिज या लंबवत रूप से बराबर बाँटें।

बूलियन ऑपरेशन आकृतियों को जोड़ते हैं: संयोजन Cmd+Alt+U, घटाना Cmd+Alt+S, प्रतिच्छेदन Cmd+Alt+I, बहिष्करण Cmd+Alt+X। ये लेयर मेनू में भी हैं। जिन फ़्रेम में दूसरी लेयर हैं, उन्हें जोड़ा नहीं जा सकता।

7कॉपी और पेस्ट

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

डॉक्सएडिटर का इस्तेमाल