Page Builder Sandwich के साथ WordPress में Figma फ़्रेम आयात करें

Page Builder Sandwich Pro एक Figma फ्रेम को एक संपादन योग्य WordPress पेज में बदलता है। साइट आपके द्वारा बनाए गए व्यक्तिगत एक्सेस टोकन का उपयोग करके, आपके अपने Figma खाते के साथ Figma से बात करती है; कोई भी डिज़ाइन या टोकन Zinn Digital® से होकर नहीं गुजरता है।

Figma कनेक्ट करें (एक बार, व्यवस्थापक के रूप में)

1. Figma में, Settings → Security → Personal access tokens खोलें और File content: read स्कोप के साथ एक टोकन जनरेट करें।
2. wp-admin में Page Builder Sandwich → Import from other builders and Figma → Import from Figma पर जाएं, टोकन पेस्ट करें और Connect Figma दबाएं।

टोकन को Figma के साथ सत्यापित किया जाता है, एन्क्रिप्टेड रूप में संग्रहीत किया जाता है, और फिर कभी नहीं दिखाया जाता है (केवल इसके अंतिम चार अक्षर)। Disconnect इसे हटा देता है। कमांड लाइन पर: echo <token> | wp pbs importers figma-token set (टोकन को मानक इनपुट से पढ़ा जाता है, इसलिए यह आपके शेल इतिहास में सहेजा नहीं जाता है)।

एक फ्रेम आयात करें

1. Figma में, एक फ्रेम पर क्लिक करें, उस पर राइट-क्लिक करें और Copy/Paste as → Copy link to selection चुनें।
2. लिंक को Figma frame link में पेस्ट करें और Import the frame दबाएं। फ्रेम के नाम पर एक नया ड्राफ्ट पेज बन जाता है।

डिज़ाइन को कैसे रूपांतरित किया जाता है

• Auto layout समान अंतराल, पैडिंग और संरेखण के साथ फ्लेक्स पंक्तियां और कॉलम (और ग्रिड ऑटो लेआउट के लिए ग्रिड) बन जाता है; स्वतंत्र रूप से व्यवस्थित एक फ्रेम को पढ़ने के क्रम में व्यवस्थित किया जाता है, और जब परतें ओवरलैप होती हैं तो रिपोर्ट में ऐसा कहा जाता है।
• पूर्ण-चौड़ाई वाले बैंड से बना एक पेज फ्रेम प्रति बैंड एक पूर्ण-चौड़ाई वाला अनुभाग बन जाता है।
• टेक्स्ट अपना फ़ॉन्ट, आकार, मोटाई, लाइन की ऊंचाई, अक्षरों की दूरी, केस, संरेखण और रंग बनाए रखता है; बड़ा टेक्स्ट हेडिंग बन जाता है, बोल्ड और इटैलिक रन और लिंक बनाए रखे जाते हैं।
• ग्रेडिएंट सहित फ़िल, स्ट्रोक, कॉर्नर रेडियस और ड्रॉप शैडो स्थानांतरित हो जाते हैं।
• छवियों को आपकी मीडिया लाइब्रेरी में कॉपी किया जाता है, और वेक्टर आर्ट (आइकन, चित्र) को Figma द्वारा रेंडर किया जाता है और एक छवि के रूप में कॉपी किया जाता है (प्रति आयात 200 ड्रॉइंग तक)। उसी फ्रेम को फिर से आयात करने पर प्रतियों का पुन: उपयोग किया जाता है।
• फ़िल, गोल कोनों और एक छोटे लेबल (या "button" नाम की एक परत) वाला एक छोटा फ्रेम एक Button ब्लॉक बन जाता है।

फ़ोन पर, निश्चित चौड़ाई वाले आइटमों की पंक्तियाँ एक कॉलम में स्टैक हो जाती हैं, क्योंकि Figma फ्रेम एक ही चौड़ाई में तैयार किया जाता है।

कमांड लाइन से: wp pbs importers figma <frame link>।