Flowstep और Figma पूरक उपकरण हैं, प्रतिद्वंद्वी नहीं। Flowstep आपको UI डिज़ाइन विचारों को तेज़ी से बनाने और अन्वेषण करने में मदद करता है; Figma वह जगह है जहां आप production-ready काम को परिष्कृत, सहयोग करते हैं और बनाते हैं। दोनों को एक साथ उपयोग करने से आपको सर्वोत्तम मिलता है।
Flowstep डिज़ाइन को Figma में कॉपी कैसे करें
1
Flowstep में एक या अधिक स्क्रीन चुनें
एक स्क्रीन को चुनने के लिए क्लिक करें — या कई स्क्रीन को एक बार में सभी को कॉपी करने के लिए चुनें। सुनिश्चित करें कि चयन कैनवास पर हाइलाइट किया गया है।
2
चयन को कॉपी करें
Mac पर **Cmd+**⇧+C या Windows पर **Ctrl+**⇧+C दबाएं। Flowstep “Preparing your design — stay on this tab and keep the screen selected” दिखाता है जबकि यह काम करता है; कॉपी एक पल में पूरा होता है।
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 दर-सीमा या धीमी गति है, या, एक समुदाय टेम्पलेट के लिए, पहले इसे अपनी टीम में डुप्लिकेट करें और नया लिंक चिपकाएं।