> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Flowstep और Figma के बीच डिज़ाइन स्थानांतरित करें

> copy-and-paste के साथ किसी भी Flowstep फ़्रेम को Figma में कॉपी करें, या Figma फ्रेम को Flowstep में संपादन योग्य स्क्रीन के रूप में आयात करें। दोनों टूल्स के बीच स्विच किए बिना काम करें।

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.04.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=0e31f66d221bc267a060704be409d9f2" alt="Screenshot 2026 05 06 At 14 19 04" width="1838" height="1266" data-path="images/Screenshot-2026-05-06-at-14.19.04.png" />
</Frame>

Flowstep आपकी मौजूदा डिज़ाइन वर्कफ़्लो में फिट होने के लिए बनाया गया है — इसे बदलने के लिए नहीं। आप Flowstep में एक डिज़ाइन बना सकते हैं और तुरंत सरल copy-and-paste का उपयोग करके इसे Figma में ला सकते हैं, या दूसरे तरीके से जाएं और Figma फ़्रेम को Flowstep में आयात करें। इसका अर्थ है कि आप AI-सहायक डिज़ाइन जनरेशन की गति के साथ-साथ Figma में भरोसे करने वाली सटीकता और सहयोग विशेषताओं को भी प्राप्त करते हैं।

<Note>
  Flowstep और Figma पूरक उपकरण हैं, प्रतिद्वंद्वी नहीं। Flowstep आपको UI डिज़ाइन विचारों को तेज़ी से बनाने और अन्वेषण करने में मदद करता है; Figma वह जगह है जहां आप production-ready काम को परिष्कृत, सहयोग करते हैं और बनाते हैं। दोनों को एक साथ उपयोग करने से आपको सर्वोत्तम मिलता है।
</Note>

## Flowstep डिज़ाइन को Figma में कॉपी कैसे करें

<Steps>
  <Step title="Flowstep में एक या अधिक स्क्रीन चुनें">
    एक स्क्रीन को चुनने के लिए क्लिक करें — या कई स्क्रीन को एक बार में सभी को कॉपी करने के लिए चुनें। सुनिश्चित करें कि चयन कैनवास पर हाइलाइट किया गया है।
  </Step>

  <Step title="चयन को कॉपी करें">
    Mac पर \*\*Cmd+\*\*⇧+**C** या Windows पर \*\*Ctrl+\*\*⇧+**C** दबाएं। Flowstep "Preparing your design — stay on this tab and keep the screen selected" दिखाता है जबकि यह काम करता है; कॉपी एक पल में पूरा होता है।
  </Step>

  <Step title="अपनी Figma फ़ाइल में चिपकाएं">
    Figma पर स्विच करें और वह फ़ाइल खोलें जहां आप डिज़ाइन रखना चाहते हैं। Mac पर **Cmd+V** या Windows पर **Ctrl+V** दबाएं। Flowstep स्क्रीन आपके Figma कैनवास पर दिखाई देती हैं, संपादन के लिए तैयार।
  </Step>
</Steps>

<Note>
  Figma को कॉपी करना आपके ब्राउज़र के क्लिपबोर्ड का उपयोग करता है, इसलिए ब्राउज़र को Flowstep क्लिपबोर्ड एक्सेस की अनुमति देनी चाहिए — यदि आप एक अनुमति त्रुटि देखते हैं, तो अपनी ब्राउज़र सेटिंग्स में क्लिपबोर्ड एक्सेस की अनुमति दें और फिर से कोशिश करें। कॉपी के बीच टैब स्विच करने से स्थानांतरण बाधित होता है; कॉपी समाप्त होने तक Flowstep टैब को केंद्रित रखें।
</Note>

<Tip>
  Figma में एक समर्पित "AI imports" पृष्ठ पर फ़्रेम चिपकाएं ताकि आपकी कार्य फ़ाइलें संगठित रहें। वहां से, आप अपनी गति पर तत्वों को अपने मुख्य डिज़ाइन सिस्टम या घटक लाइब्रेरी में ले जा सकते हैं।
</Tip>

## Figma से डिज़ाइन आयात करें

आप दूसरे तरीके से भी जा सकते हैं और Figma फ़्रेम को संपादन योग्य स्क्रीन के रूप में Flowstep में लाएं। आयात सभी के लिए उपलब्ध है — एक बार अपने Figma खाते को कनेक्ट करें, फिर एक फ़्रेम लिंक से आयात करें।

<Steps>
  <Step title="Figma कनेक्ट करें">
    अपनी सेटिंग्स से अपने Figma खाते को Flowstep से कनेक्ट करें। Flowstep आपके पास एक्सेस की फ़ाइलों को पढ़ने के लिए Figma के प्राधिकरण का उपयोग करता है।
  </Step>

  <Step title="Figma में एक फ़्रेम लिंक कॉपी करें">
    Figma में, जिस फ़्रेम को आप चाहते हैं उस पर राइट-क्लिक करें और **Copy link to selection** चुनें। पूरे पृष्ठ के लिए एक लिंक भी कॉपी कर सकते हैं ताकि एक बार में सभी शीर्ष-स्तर फ्रेम आयात करें।
  </Step>

  <Step title="Flowstep में आयात करें">
    Flowstep टूलबार में Figma आयात विकल्प का उपयोग करें और लिंक चिपकाएं। Flowstep फ़्रेम को अपने कैनवास पर संपादन योग्य तत्वों में परिवर्तित करता है। एक ही फ़्रेम को फिर से आयात करने से यह स्थान पर अपडेट हो जाता है।
  </Step>
</Steps>

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

Flowstep एक Figma फ़्रेम को देशी, संपादन योग्य तत्वों के रूप में पुनः बनाता है — एक सपाट छवि नहीं। एक आयात निम्नलिखित ले आता है:

* फ़्रेम और उनकी नेस्टेड परतें
* पाठ, जिसमें प्रति-वर्ण स्टाइलिंग जैसे वज़न, रंग और बोल्ड शामिल है
* आपकी Figma वेरिएबल से रंग
* छवि भरता है, और SVG आइकन और आकार
* ड्रॉप और आंतरिक छाया, और परत और पृष्ठभूमि धुंधली करता है
* डैश और डॉटेड स्ट्रोक

<Note>
  फ़ाइल का संगठन Figma से जुड़ा होना चाहिए। यदि एक फ़्रेम आयात नहीं होगा, तो Flowstep एक क्रियाशील संदेश दिखाता है जो आपको बताता है कि आगे क्या करना है — उदाहरण के लिए, यदि आपके प्राधिकरण की समय सीमा समाप्त हो गई है तो Figma को फिर से कनेक्ट करें, प्रतीक्षा करें और फिर से कोशिश करें यदि Figma दर-सीमा या धीमी गति है, या, एक समुदाय टेम्पलेट के लिए, पहले इसे अपनी टीम में डुप्लिकेट करें और नया लिंक चिपकाएं।
</Note>
