रिले के तीन हिस्से होते हैं, हर एक हिस्से को अलग-अलग इंस्टॉल किया जाना चाहिए:
- Figma प्लगिन के लिए रिले
- Android Studio प्लगिन के लिए रिले
- रिले Gradle प्लग इन
ज़रूरी शर्तें
- आपको Figma खाते में साइन इन करना होगा.
- आपके पास Android Studio 2022.2.1 Flamingo या इसके बाद का वर्शन इंस्टॉल हो.
- आपने Java रनटाइम इंस्टॉल कर लिया है.
- आप Jetpack Compose का वर्शन 1.2 या इसके बाद का वर्शन इस्तेमाल कर रहे हैं.
- Gradle प्लग इन 8.0 या इसके बाद वाले वर्शन का इस्तेमाल किया जा रहा है.
Relay for Figma प्लगिन इंस्टॉल करें
Figma के प्लगिन के लिए रिले की मदद से, Figma में काम करने वाला कोई भी व्यक्ति इसे उन डेवलपर के साथ डिज़ाइन और शेयर किया जा सकता है जो Android Studio और Jetpack Compose का इस्तेमाल करते हैं.
Figma प्लगिन के लिए Relay को Figma के कम्यूनिटी प्लगिन मार्केटप्लेस पर पब्लिश किया गया है. प्लग इन इंस्टॉल करने के लिए:
- Figma के वेबसाइट.
पेज पर सबसे ऊपर दाईं ओर, इसे आज़माएं पर क्लिक करें.
आपको एक डायलॉग बॉक्स दिख सकता है. इसमें आपसे प्लगिन का इस्तेमाल करने के बारे में पूछा जाएगा. इस डायलॉग बॉक्स में, अपना संगठन चुनें. बहुत कम मामलों में, आपका संगठन सार्वजनिक प्लग इन अक्षम करना. अगर हां, तो बाहरी टीमें विकल्प चुनें.
इससे एक Figma फ़ाइल खुलती है, जिसमें प्लग इन की जानकारी वाला पेज दिखता है. क्लिक करें ... पर क्लिक करें और सेव करें चुनें, ताकि यह पक्का किया जा सके कि आप आसानी से प्लग इन का फिर से इस्तेमाल कर सकें.
अब, Run पर क्लिक करें:
Figma कैनवस में चल रहे प्लगिन को देखा जा सकता है:
Android Studio के प्लगिन के लिए रिले को इंस्टॉल करें
Android Studio के प्लगिन के लिए रिले की मदद से, Android Studio में काम करने वाले डेवलपर इसका इस्तेमाल करके, ऐसे डिज़ाइन इंपोर्ट किए जा सकते हैं जिनके बारे में, Relay for Figma प्लगिन. प्लगिन को Android Studio प्लगिन में पब्लिश किया गया है मार्केटप्लेस. इंस्टॉल करने के लिए:
- Android Studio खोलें.
- मुख्य मेन्यू से:
- macOS के लिए, Android Studio > प्राथमिकताएं.
- Windows और Linux के लिए, फ़ाइल > सेटिंग.
- प्लगिन चुनें.
Marketplace टैब चुनें और “Android Studio के लिए रिले सेवा” खोजें. इसके बाद, Google द्वारा प्रकाशित किया गया प्लग इन चुनें:
इंस्टॉल करें पर क्लिक करें.
इंस्टॉल पूरा होने के बाद, IDE को रीस्टार्ट करें पर क्लिक करें.
इंस्टॉल हो जाने की पुष्टि करने के लिए, प्राथमिकताएं खोलें या सेटिंग, फिर प्लगिन पर जाएं. आपको Android के लिए Relay for Android देखना चाहिए Studio का इस्तेमाल करें.
रिले Gradle प्लग इन इंस्टॉल करें
Relay Gradle प्लग इन यह पक्का करता है कि Figma के डिज़ाइन में डिज़ाइन के साथ एनोटेट किया गया हो Relay for Figma प्लगिन का इस्तेमाल करके इंटेंट की जानकारी को, सही तरीके से बिल्ड के दौरान इस्तेमाल करते हैं.
रिले Gradle प्लग इन, Google Maven में पब्लिश किया गया है. यह एक ऐसा सर्वर है जिसमें यह शामिल है कई Gradle प्लग इन. Android Studio, डिफ़ॉल्ट रूप से Gradle ऑपरेशन शुरू करता है और उन कार्रवाइयों में, ऐसी किसी भी डिपेंडेंसी को डाउनलोड और इंस्टॉल करना शामिल है जो प्रोजेक्ट के रेफ़रंस.
यह पक्का करने के लिए कि Android Studio और एक्सटेंशन Gradle,
रिले Gradle प्लग इन इंस्टॉल करता है, तो आपको प्लग इन को डिपेंडेंसी के तौर पर बताना होगा
खास तौर पर, मॉड्यूल की build.gradle
फ़ाइल में
डायरेक्ट्री. आम तौर पर, यह समय app/build.gradle
में होता है.
app/build.gradle
फ़ाइल में सबसे ऊपर एक ऐसा सेक्शन है जिसमें
प्लगिन का उपयोग किया जा रहा है. इस सूची में रिले Gradle प्लग इन जोड़ें और Gradle हैंडल
डाउनलोड और इंस्टॉल कर रहा है. उदाहरण के लिए:
plugins {
id 'com.android.application'
id 'kotlin-android'
id 'com.google.relay' version '0.3.12'
}
साथ ही, पक्का करें कि आपकी settings.gradle
फ़ाइल में यह सेक्शन मौजूद हो:
pluginManagement {
repositories {
gradlePluginPortal()
google()
mavenCentral()
}
}
पहले से कॉन्फ़िगर किया गया प्रोजेक्ट का इस्तेमाल भी किया जा सकता है, जिसमें कॉन्फ़िगरेशन शामिल होता है ऊपर बताया गया है.
Figma का ऐक्सेस सेटअप करें
रिले को Figma से निजी ऐक्सेस टोकन की ज़रूरत होती है, ताकि यह Figma एक डिज़ाइन करता है और उसे कोड में बदल देता है. अगर आपके पास पहले से कोई AdSense खाता नहीं है, तो:
- Figma खोलें और Figma में लॉग इन करें.
- फ़ाइल ब्राउज़र पर जाएं .
अपने खाते के आइकॉन पर क्लिक करें और सेटिंग चुनें.
नीचे की ओर स्क्रोल करके, निजी ऐक्सेस टोकन सेक्शन पर जाएं.
टोकन की जानकारी डालें. जैसे, “Relay” और Return टाइप करें. टोकन है जनरेट किया गया. इस टोकन को कॉपी करें पर क्लिक करें.
Android Studio में, मुख्य मेन्यू में जाकर, टूल > रिले की सेटिंग.
अगर आपने macOS पर Figma ऐक्सेस टोकन पहले से सेट अप किया है, तो आपको इसके बाद, डायलॉग बॉक्स दिखेगा. इस डायलॉग से आपको पता चलता है कि Android Studio, आपका मौजूदा Figma ऐक्सेस टोकन. अपना पासवर्ड डालें और हमेशा अनुमति दें.
Figma ऐक्सेस टोकन इनपुट में अपना Figma ऐक्सेस टोकन चिपकाएं. (अगर Figma ऐक्सेस टोकन पहली बार सेट अप किया जा रहा है. इसलिए, आपको मौजूदा Figma ऐक्सेस टोकन इनपुट.)
ठीक है पर क्लिक करें.
पहले से कॉन्फ़िगर किया गया प्रोजेक्ट डाउनलोड करना और उसे सेटअप करना
पहले से कॉन्फ़िगर किया गया प्रोजेक्ट डाउनलोड करने और उसे सेटअप करने के लिए:
- प्रोजेक्ट ZIP फ़ाइल डाउनलोड करें.
- फ़ाइल को अनज़िप करने के लिए उस पर दो बार क्लिक करें. इससे एक फ़ोल्डर बन जाता है, जिसे नमस्तेFigma. इसे अपने होम फ़ोल्डर में ले जाएं.
- Android Studio पर वापस जाएं. फ़ाइल > खोलें, अपने होम पर जाएं फ़ोल्डर में, HeyFigma चुनें. इसके बाद, खोलें पर क्लिक करें.
- प्रोजेक्ट खोलने पर, Android Studio आपसे पूछ सकता है कि क्या आपको प्रोजेक्ट. Trust Project पर क्लिक करें.
पहले से कॉन्फ़िगर किया गया प्रोजेक्ट चलाना
ऐप्लिकेशन को एम्युलेटर या डिवाइस पर चलाएं. आपको "हैलो, Android!" में खाली स्क्रीन.
![एम्युलेटर में शुरुआती स्थिति](https://developer.android.com/static/develop/ui/compose/tooling/relay/images/install-relay/emulator.png?authuser=8&hl=hi)
अगला चरण
अब हम रिले का इस्तेमाल करके, अपना पहला डिज़ाइन बनाने के लिए तैयार हैं.
आपके लिए सुझाव
- ध्यान दें: JavaScript बंद होने पर लिंक टेक्स्ट दिखता है
- अपना Android प्रोजेक्ट सेट अप करना
- Compose के लेआउट की जांच करना
- स्टेटस कहां इकट्ठा करें