Flowstep और Figma पूरक टूल हैं, प्रतिद्वंद्वी नहीं। Flowstep आपको तेजी से UI डिज़ाइन विचारों को जेनरेट और खोजने में मदद करता है; Figma वह जगह है जहां आप परिष्कृत करते हैं, सहयोग करते हैं, और उत्पादन-तैयार काम बनाते हैं। दोनों को एक साथ उपयोग करने से आप दोनों के सर्वश्रेष्ठ मिलते हैं।
Flowstep डिज़ाइन को Figma में कॉपी कैसे करें
1
Flowstep में एक या अधिक स्क्रीन चुनें
एक स्क्रीन पर क्लिक करके इसे चुनें — या एक बार में सभी को कॉपी करने के लिए कई स्क्रीन चुनें। सुनिश्चित करें कि चयन कैनवास में हाइलाइट किया गया है।
2
चयन को कॉपी करें
Mac पर **Cmd+**⇧+C या Windows पर **Ctrl+**⇧+C दबाएं। Flowstep “अपने डिज़ाइन की तैयारी कर रहा है। वर्तमान टैब पर रहें।” दिखाता है जबकि यह काम करता है; कॉपी एक पल में पूरा हो जाता है।
3
अपनी Figma फ़ाइल में पेस्ट करें
Figma पर स्विच करें और उस फ़ाइल को खोलें जहां आप डिज़ाइन रखना चाहते हैं। Mac पर Cmd+V या Windows पर Ctrl+V दबाएं। Flowstep स्क्रीन आपके Figma कैनवास पर दिखाई देते हैं, संपादन के लिए तैयार।
Figma में कॉपी करना आपके ब्राउज़र के क्लिपबोर्ड का उपयोग करता है, इसलिए ब्राउज़र को Flowstep क्लिपबोर्ड एक्सेस की अनुमति देनी चाहिए — यदि आप अनुमति त्रुटि देखते हैं, तो अपनी ब्राउज़र सेटिंग में क्लिपबोर्ड एक्सेस की अनुमति दें और फिर से कोशिश करें। कॉपी के बीच में टैब स्विच करने से स्थानांतरण बाधित होता है; जब तक कॉपी पूरा न हो जाए तब तक Flowstep टैब पर ध्यान केंद्रित रखें।
Figma से एक डिज़ाइन आयात करें
आप दूसरी तरफ भी जा सकते हैं और एक Figma फ्रेम को Flowstep में संपादन योग्य स्क्रीन के रूप में ले आ सकते हैं। आयात सभी के लिए उपलब्ध है — एक बार अपने Figma खाते को कनेक्ट करें, फिर एक फ्रेम लिंक से आयात करें।1
Figma कनेक्ट करें
अपने Figma खाते को अपनी सेटिंग्स से Flowstep से कनेक्ट करें। Flowstep आप जिन फ़ाइलों तक पहुंच रखते हैं उन्हें पढ़ने के लिए Figma की प्राधिकरण का उपयोग करता है।
2
Figma में एक फ्रेम लिंक कॉपी करें
Figma में, उस फ्रेम पर राइट-क्लिक करें जिसे आप चाहते हैं और Copy link to selection चुनें। आप पूरे पृष्ठ के लिए एक लिंक भी कॉपी कर सकते हैं एक बार में इसके सभी शीर्ष-स्तरीय फ्रेम आयात करने के लिए।
3
Flowstep में आयात करें
Flowstep टूलबार में Figma आयात विकल्प का उपयोग करें और लिंक पेस्ट करें। Flowstep फ्रेम को अपने कैनवास पर संपादन योग्य तत्वों में परिवर्तित करता है। एक ही फ्रेम को दोबारा आयात करने से यह स्थान पर अपडेट हो जाता है।
क्या आयात किया जाता है
Flowstep एक Figma फ्रेम को मूल, संपादन योग्य तत्वों के रूप में पुनः बनाता है — एक सपाट छवि नहीं। एक आयात इसे ले आता है:- फ्रेम और उनकी नेस्टेड परतें
- टेक्स्ट, वजन, रंग और बोल्ड जैसी प्रति-वर्ण स्टाइलिंग सहित
- आपके Figma वेरिएबल से रंग
- इमेज भरण, और SVG आइकन और आकार
- ड्रॉप और आंतरिक छाया, और परत और पृष्ठभूमि धुंधला
- डैश और बिंदीदार स्ट्रोक
फ़ाइल के संगठन को Figma से जुड़ा होना चाहिए। यदि कोई फ्रेम आयात नहीं होगा, तो Flowstep एक कार्यपरक संदेश दिखाता है जो आपको बताता है कि आगे क्या करना है — उदाहरण के लिए, यदि आपकी प्राधिकरण समाप्त हो गई है तो Figma को पुनः कनेक्ट करें, यदि Figma दर-सीमित है या प्रतिक्रिया में धीमा है तो प्रतीक्षा करें और पुनः प्रयास करें, या एक सामुदायिक टेम्पलेट के लिए पहले इसे अपनी टीम में डुप्लिकेट करें और नया लिंक पेस्ट करें।