> ## Documentation Index
> Fetch the complete documentation index at: https://manus.im/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Figma से आयात करें: डिज़ाइन से ऐप तक एक ही चरण में
> फ्रेम के लिंक साझा करके और यह बताकर कि आप क्या चाहते हैं, अपने Figma डिज़ाइनों को एक कार्यशील वेब ऐप में बदलें
उन टीमों के लिए जो अपनी डिज़ाइन प्रक्रिया के लिए Figma का उपयोग करती हैं, Manus एक शक्तिशाली एकीकरण प्रदान करता है जो आपको अपने डिज़ाइनों को एक ही कमांड से कार्यात्मक वेब अनुप्रयोगों में बदलने की अनुमति देता है।
### यह कैसे काम करता है
अपने Figma डिज़ाइनों को मैन्युअल रूप से कोड में अनुवाद करने के बजाय, आप बस Manus को अपनी Figma फ़ाइल का लिंक प्रदान कर सकते हैं। Manus लेआउट, घटकों, फ़ॉन्ट और रंगों सहित डिज़ाइन का विश्लेषण करेगा, और स्वचालित रूप से एक वेब एप्लिकेशन के लिए संबंधित कोड उत्पन्न करेगा।
### प्रक्रिया
1. **Figma में डिज़ाइन करें**: Figma में अपने एप्लिकेशन डिज़ाइन को वैसे ही बनाएं जैसे आप सामान्य रूप से करते हैं।
2. **लिंक प्रदान करें**: Figma फ्रेम लिंक को Manus के साथ साझा करें और बताएं कि आप क्या बनाना चाहते हैं।
उदाहरण के लिए:
> "यह हमारे नए मोबाइल ऐप के लिए Figma डिज़ाइन है। इस डिज़ाइन के आधार पर एक कार्यात्मक वेब एप्लिकेशन बनाएं।"
3. **Manus ऐप बनाता है**: Manus डिज़ाइन की व्याख्या करेगा और फ्रंटएंड के लिए HTML, CSS, और JavaScript, साथ ही आपके डिज़ाइन को जीवंत बनाने के लिए आवश्यक बैकएंड घटकों को उत्पन्न करेगा।
आप अपने अनुरोध में कई फ्रेम संलग्न कर सकते हैं। Manus को बताएं कि ये फ्रेम कैसे संबंधित हैं—पेज फ्लो, इंटरैक्शन, या घटक स्थितियां (जैसे होवर)। यह Manus को सटीक मल्टी-पेज या इंटरैक्टिव अनुभव उत्पन्न करने में मदद करता है।
यह एकीकरण विकास प्रक्रिया को नाटकीय रूप से तेज करता है, डिज़ाइन और विकास के बीच के अंतर को पाटता है और आपको बहुत कम समय में एक स्थिर डिज़ाइन से एक लाइव, इंटरैक्टिव एप्लिकेशन तक जाने की अनुमति देता है।