Figma से आयात

आयात एक्सपोर्ट की उलटी दिशा में काम करता है: मौजूदा Figma फ़्रेम एक संपादन-योग्य UXMagic स्क्रीन बन जाता है, जिस पर आप AI के साथ आगे काम कर सकते हैं।

चरण#

1. इंटीग्रेशन से Figma जोड़िए (OAuth कनेक्शन — आप UXMagic को एक बार अनुमति देते हैं)।
2. Figma फ़्रेम का URL चिपकाइए, या चयनकर्ता से फ़ाइल और फ़्रेम चुनिए।
3. तय कीजिए कि फ़्रेम की अपनी शैलियाँ प्रोजेक्ट थीम के रूप में आयात होंगी या उसे आपकी मौजूदा थीम पर बिठाया जाएगा।
4. आयात कीजिए।

क्या-क्या आता है#

• लेआउट और क्रम, ऑटो-लेआउट बनावट सहित।
• टेक्स्ट, अपनी टाइप शैलियों के साथ।
• रंग और प्रभाव, ग्रेडिएंट और छाया सहित।
• तस्वीरें, आपके प्रोजेक्ट के संसाधनों में कॉपी होकर।
• वेक्टर और आइकन, मार्कअप के रूप में दोबारा बने हुए।

क्या उम्मीद रखें#

Figma एक वेक्टर कैनवास है और वेब एक बॉक्स मॉडल, इसलिए आयात एक ईमानदार अनुवाद है, बाइट-दर-बाइट नकल नहीं। बनावट और स्पेसिंग बहुत क़रीब मिलेगी, टेक्स्ट के रेंडर होने में और उन प्रभावों में थोड़ा अंतर रहेगा जिनका वेब पर सीधा जोड़ नहीं है।

आयात तब सबसे सटीक होता है जब Figma फ़्रेम में ऑटो-लेआउट हो। निरपेक्ष स्थिति वाले खुले लेआउट भी आयात होते हैं, पर बनावट की सटीकता कम रहती है।

सही URL लेना#

Figma में फ़्रेम चुनिए, फिर राइट-क्लिक → चयन का लिंक कॉपी करें। बिना नोड चुने फ़ाइल का लिंक ग़लत चीज़ आयात करेगा, या कुछ भी नहीं।

आयात के बाद#

आयात की गई स्क्रीन बाकी सबकी तरह ही व्यवहार करती है: चैट से संपादन, संपादन मोड, थीम, संस्करण, एक्सपोर्ट। “डिज़ाइन तो हमारे पास पहले से हैं, पर अब हमें तेज़ चलना है” के लिए यही सबसे तेज़ रास्ता है।

डिज़ाइन प्रणाली और कंपोनेंट लाइब्रेरी#

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