कंपोनेंट लाइब्रेरी और डिज़ाइन प्रणालियाँ
अंतर्निर्मित Figma और React लाइब्रेरी इस्तेमाल कीजिए, या अपने कंपोनेंट किसी प्रोजेक्ट में लाइए।
अंतिम अपडेट:
अंतर्निर्मित लाइब्रेरी
UXMagic के साथ दो लाइब्रेरी आती हैं जिन्हें आप डिज़ाइन करते समय देख-देख कर इस्तेमाल कर सकते हैं:
- Figma कंपोनेंट लाइब्रेरी — Figma फ़ाइल में सीधे रखने लायक कंपोनेंट।
- React कंपोनेंट लाइब्रेरी — उन्हीं तौर-तरीक़ों वाले कोड कंपोनेंट।
दोनों श्रेणियों में बँटी हैं, और हर कंपोनेंट के कई रूप हैं।
अपनी डिज़ाइन प्रणाली लाना
अपने Figma कंपोनेंट या डिज़ाइन प्रणाली किसी प्रोजेक्ट में आयात कीजिए ताकि बनी हुई स्क्रीन आम कंपोनेंट के बजाय आपके कंपोनेंट इस्तेमाल करें। देखिए Figma से आयात।
आयात के बाद उन्हें नाम से बताइए:
कीमत के स्तरों के लिए हमारे Button और Card कंपोनेंट इस्तेमाल करो।
बनी हुई स्क्रीन को प्रणाली के भीतर रखना
दो चीज़ें ही ज़्यादातर काम कर देती हैं:
- आपके ब्रांड से मेल खाती थीम, ताकि रंग और टाइप शुरू से ही सही हों। देखिए थीम और स्टाइल गाइड।
- साफ़ निर्देश, जब AI अपनी ओर से कुछ जोड़ने लगे: “सिर्फ़ हमारी आयातित लाइब्रेरी के कंपोनेंट इस्तेमाल करो।”
Enterprise पर
Enterprise योजनाओं में पूरी टीम के लिए साझा डिज़ाइन प्रणाली और कंपोनेंट लाइब्रेरी शामिल है, ताकि हर किसी की बनाई स्क्रीन एक ही कंपोनेंट से शुरू हो।
क्या यह लेख उपयोगी रहा?
संबंधित लेख
Figma से आयात
मौजूदा Figma फ़्रेम को UXMagic में लाइए और AI के साथ उसे आगे संपादित कीजिए।
थीम और स्टाइल गाइड
प्रोजेक्ट की थीम कैसे काम करती है, उसे सुरक्षित तरीक़े से कैसे बदलें, और रंग कभी स्क्रीन-दर-स्क्रीन क्यों नहीं बदलने चाहिए।
कोड एक्सपोर्ट (HTML, React, Tailwind)
किसी एक स्क्रीन या पूरे प्रोजेक्ट को प्रोडक्शन-तैयार फ्रंटएंड कोड के रूप में एक्सपोर्ट कीजिए।