डॉक्सएडिटर का इस्तेमाल
वेरिएबल और थीम
वेरिएबल उन रंगों, आकारों और शब्दों को रखते हैं जो डिज़ाइन में बार-बार आते हैं। थीम उन सबको एक साथ बदलती है, जैसे लाइट और डार्क के बीच।
1वेरिएबल
Cmd+Shift+V से वेरिएबल पैनल खोलें। रंग, संख्या और टेक्स्ट वेरिएबल बनाएँ, उन्हें खोजें, और भरण, स्ट्रोक, आकार या टेक्स्ट से जोड़ें। एजेंट true या false वाले वेरिएबल भी बना सकते हैं।
2थीम
Mode जैसा अक्ष बनाने के लिए थीम जोड़ें, फिर Light और Dark जैसे वेरिएंट जोड़ें। हर वेरिएबल का हर वेरिएंट के लिए अलग मान हो सकता है, और वेरिएंट बदलने पर उससे जुड़ी हर चीज़ फिर से रंगी जाती है।
मौजूदा सेट को प्रीसेट के रूप में सहेजें, ताकि उसे दूसरी फ़ाइलों में फिर इस्तेमाल कर सकें। प्रीसेट .optheme फ़ाइलों में निर्यात और उनसे आयात किए जा सकते हैं।
3डिज़ाइन सिस्टम
ऐप के साथ चार पूरे डिज़ाइन सिस्टम आते हैं: Halo, Lunaris, Nitro और shadcn। हर एक लाइट और डार्क थीम वाला पूरा token सेट है। इनमें से किसी को होम, डिज़ाइन सिस्टम से लागू करें, या एजेंट से कहें।
4design.md
डिज़ाइन सिस्टम पैनल (Cmd+Shift+D) डिज़ाइन का लिखित विवरण रखता है: विज़ुअल थीम, रंग, टाइपोग्राफ़ी, कंपोनेंट स्टाइल, लेआउट के सिद्धांत और जनरेशन के लिए नोट। एजेंट ड्रॉ करने से पहले इसे पढ़ते हैं।
- इसे
design.mdफ़ाइल के रूप में आयात या निर्यात करें। - अपने AI मॉडल से इसे मौजूदा डिज़ाइन से अपने-आप बनवाएँ।
- सभी को वेरिएबल्स में सिंक करें इसके रंगों को वेरिएबल में बदलता है; +Var एक बार में एक जोड़ता है।
5स्टाइल गाइड
एसेट सेंटर में 63 बिल्ट-इन स्टाइल गाइड हैं जिनका एजेंट पालन कर सकता है, और आपकी अपनी भी: शैलियाँ में कोई भी DESIGN.md फ़ाइल आयात करें या पेस्ट करें। किसी स्टाइल को पिन करें ताकि एजेंट हर नए डिज़ाइन में उसी का इस्तेमाल करे।