मुख्य सामग्री पर जाएँ

अपने डिज़ाइन सिस्टम से मेल खाने वाले बटन जनरेट करें

Figma डिज़ाइन में सीधे AI की मदद से बटन के अलग-अलग वैरिएंट बनाएं, शैली एक्सप्लोर करें और कम्पोनेन्ट लाइब्रेरी तैयार करें. अपने असली टोकन और कम्पोनेन्ट का इस्तेमाल करें, न कि ऐसे प्लेसहोल्डर UI का जिन्हें दोबारा बनाने की ज़रूरत हो.

  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

पहले से कहीं तेज़ी से बटन डिज़ाइन एक्सप्लोर करें

अपनी टीम द्वारा पहले से इस्तेमाल किए जा रहे कम्पोनेन्ट, टोकन और शैली का इस्तेमाल करके अपने कैनवास पर प्रोडक्शन-रेडी बटन जनरेट करें.

Figma कैनवास पर AI से बने डिज़ाइन लेआउट को देखा जा रहा हैFigma कैनवास पर AI से बने डिज़ाइन लेआउट को देखा जा रहा है

अपने डिज़ाइन सिस्टम के साथ जनरेट करें

Figma का एजेंट आपके असली कम्पोनेन्ट, कलर टोकन्स और टाइपोग्राफ़ी शैली का इस्तेमाल करके बटन बनाता है. हर वैरिएंट शुरू से ही आपके सिस्टम से मेल खाता है—बाद में दोबारा बनाने या रीस्टाइल करने के लिए कोई प्लेसहोल्डर UI नहीं होता.

Figma AI एजेंट पैनल में पूरे डिज़ाइन पर बल्क एडिट लागू होते हुए दिखाया गया हैFigma AI एजेंट पैनल में पूरे डिज़ाइन पर बल्क एडिट लागू होते हुए दिखाया गया है

एक साथ और अधिक दिशाओं को एक्सप्लोर करें

एक साथ कई बटन शैली, साइज़ और स्टेट जनरेट करें. प्राइमरी, सेकेंडरी और टर्शियरी वैरिएंट की एक-दूसरे के साथ तुलना करें, एक के पूरा होने का इंतज़ार किए बिना दूसरे को शुरू करें.

Figma AI एजेंट पैनल, टीम के फ़ीडबैक को डिज़ाइन में बदलते हुए दिखा रहा हैFigma AI एजेंट पैनल, टीम के फ़ीडबैक को डिज़ाइन में बदलते हुए दिखा रहा है

अपनी टीम के साथ मिलकर काम करना जारी रखें

जनरेट किया गया हर बटन उसी फ़ाइल में मौजूद रहता है, जिसमें आपकी टीम काम करती है. डिज़ाइनर, डेवलपर और स्टेकहोल्डर एक ही आउटपुट देख सकते हैं और तुरंत उस पर काम शुरू कर सकते हैं.

बटन जनरेशन के पीछे की सुविधाएं

उस चीज़ पर गहराई से नज़र डालें जो Figma के एजेंट को अलग बनाती है, जो डिज़ाइन टीमों के वास्तविक काम करने के तरीके के लिए बनाया गया है.

  • स्क्रीनशॉट जिसमें Figma AI एजेंट को एक कम्पोनेन्ट लाइब्रेरी से जुड़ा दिखाया गया है, जो डिज़ाइन पर स्वचालित रूप से ब्रांड टोकन लागू कर रहा हैस्क्रीनशॉट जिसमें Figma AI एजेंट को एक कम्पोनेन्ट लाइब्रेरी से जुड़ा दिखाया गया है, जो डिज़ाइन पर स्वचालित रूप से ब्रांड टोकन लागू कर रहा है

    एक डिज़ाइन लाइब्रेरी से कनेक्ट करें

    एजेंट को अपनी डिज़ाइन लाइब्रेरी से जोड़ें, ताकि हर बटन आपके असली कम्पोनेन्ट, टोकन्स और वैरिएबल्स का इस्तेमाल करे—जो प्रोडक्शन के लिए तैयार हों, न कि सिर्फ़ प्लेसहोल्डर्स.

  • Figma में एक साथ चल रहे कई AI डिज़ाइन प्रॉम्प्ट्स का स्क्रीनशॉटFigma में एक साथ चल रहे कई AI डिज़ाइन प्रॉम्प्ट्स का स्क्रीनशॉट

    प्रॉम्प्ट्स को समानांतर रूप से चलाएं

    एक साथ कई बटन डिज़ाइन विकल्प जनरेट करें. किसी एक प्रॉम्प्ट के पूरा होने का इंतज़ार किए बिना अलग-अलग शैली, स्टेट और साइज़ एक्सप्लोर करें.

  • डिज़ाइन टिप्पणियों के साथ साझा किए गए Figma AI वार्तालाप थ्रेड का स्क्रीनशॉटडिज़ाइन टिप्पणियों के साथ साझा किए गए Figma AI वार्तालाप थ्रेड का स्क्रीनशॉट

    साझा किए जा सकने वाले थ्रेड्स

    एक थ्रेड शेयर करें और आपकी टीम पूरा प्रॉम्प्ट, संदर्भ और इटरेशन हिस्ट्री देख पाएगी. किसी अलग हैंडऑफ़ या स्पष्टीकरण की ज़रूरत नहीं है.

  • डिज़ाइन वर्कफ़्लो को स्वचालित करने के लिए ऐसा स्क्रीनशॉट जिसमें Figma AI एजेंट स्किल के विकल्प दिखाए गए हैंडिज़ाइन वर्कफ़्लो को स्वचालित करने के लिए ऐसा स्क्रीनशॉट जिसमें Figma AI एजेंट स्किल के विकल्प दिखाए गए हैं

    वर्कफ़्लो को स्किल्स के रूप में पैकेज करें

    अपने बटन जनरेशन प्रॉम्प्ट्स को दोबारा इस्तेमाल की जा सकने वाली स्किल्स में बदलें. जब भी आपको एक जैसे नतीजे चाहिए हों, तो उन्हें एक क्विक कमांड से चलाएं.

Figma मेरे हाथ का ही एक स्वाभाविक विस्तार जैसा लगता है. मैं कैनवास पर अपने डिज़ाइन के आइडिया पर काम करता हूँ और अब एजेंट उन्हें अंतिम रूप देने तक पूरा करने में मदद करता है. मेरे डिज़ाइन लाइब्रेरी से जुड़े होने के कारण, मैं पहले से कहीं तेज़ी से डिज़ाइन से कोड की ओर बढ़ सकता हूं.

एंडी मेड्रिक
उत्पाद डिज़ाइनर, Notion

Notion लोगो

Figma के एजेंट के साथ शुरू करें

  • एजेंट खोलें

    बाईं ओर रेल में एजेंट्स का चयन करें या CMD + Enter दबाएं. काम करने के लिए अपने कैनवास पर एक फ़्रेम जोड़ें.

  • बटन के बारे में बताएं

    एजेंट को बताएं कि आपको क्या चाहिए—प्राइमरी बटन, आइकन बटन या लोडिंग स्टेट. इसे अपनी डिज़ाइन लाइब्रेरी की ओर पॉइंट करें, ताकि यह आपके असली शैली का इस्तेमाल कर सके.

  • कैनवस पर रिव्यू करें

    अपने कैनवास पर तैयार किए गए बटन देखें. इसी थ्रेड में सुधार करें या एक समानांतर थ्रेड शुरू करें ताकि एक अलग दिशा का पता लगाया जा सके.

  • लगातार सुधार करते रहें

    साइज़, स्टेट या शैली में बदलाव करने के लिए फिर से प्रॉम्प्ट दें. जब आप वर्कफ़्लो को अच्छी तरह से सेट कर लें, तो उसे एक ऐसी स्किल में बदल लें जिसे बार बार इस्तेमाल किया जा सके.

एजेंट एक्सपर्ट बनें

  • Figma डिज़ाइन एजेंट यहां है

    Figma के AI एजेंट को काम करते हुए देखें और इसे अपने स्वयं के वर्कफ़्लो में काम पर लगाने का तरीका देखें.

    और अधिक पढ़ें
  • Figma एजेंट प्लेग्राउंड इंट्रो स्क्रीन के साथ 'स्टार्ट' बटन और सैंपल चैट प्रॉम्प्ट: 'हे Figma, क्या तुम मेरे रीडिंग ऐप के लिए विभिन्न लेआउट बना सकते हो?'Figma एजेंट प्लेग्राउंड इंट्रो स्क्रीन के साथ 'स्टार्ट' बटन और सैंपल चैट प्रॉम्प्ट: 'हे Figma, क्या तुम मेरे रीडिंग ऐप के लिए विभिन्न लेआउट बना सकते हो?'

    Figma एजेंट के ज़रिए काम करें

    Figma एजेंट की क्षमताओं को एक्सप्लोर करने के लिए उपयोगी प्लेग्राउंड जो चरण-दर-चरण मार्गदर्शन के ज़रिए बल्क एडिट से लेकर फ़ीडबैक को अमल में लाने तक की सुविधा देता है.

    शुरू करें
  • अपने डिज़ाइन वर्कफ़्लो में Figma एजेंट का इस्तेमाल कैसे करें

    Figma टीम की चरण-दर-चरण ट्यूटोरियल के ज़रिए अपने डिज़ाइन वर्कफ़्लो में Figma एजेंट का उपयोग करना सीखें.

    अभी देखें

अक्सर पूछे जाने वाले सवाल

AI बटन जनरेटर टेक्स्ट प्रॉम्प्ट से बटन डिज़ाइन तैयार करता है, जिससे हर बटन को मैन्युअली बनाने की तुलना में अलग-अलग शैली, साइज़ और स्टेट को तेज़ी से एक्सप्लोर किया जा सकता है. Figma का एजेंट आपके डिज़ाइन सिस्टम का इस्तेमाल करके सीधे आपके कैनवास पर बटन जनरेट करता है, इसलिए आउटपुट शुरू से ही प्रोडक्शन के लिए तैयार होते हैं.

आप उस बटन के बारे में बताते हैं जिसकी आपको ज़रूरत है—जैसे कि आइकन वाला प्राइमरी बटन, सेकेंडरी वैरिएंट या लोडिंग स्टेट—और AI उसे आपके कैनवस पर बना देता है. Figma का एजेंट आपकी कनेक्ट की गई डिज़ाइन लाइब्रेरी का इस्तेमाल करता है और आपके असली टोकन्स, कम्पोनेन्ट्स और शैली के आधार पर ऐसे बटन जनरेट करता है, जो आपके सिस्टम से मेल खाते हैं.

हां. Figma का एजेंट आपको अपनी ज़रूरत के बारे में ठीक-ठीक बताने देता है और आपके कैनवस पर कस्टम बटन जनरेट करता है. आप शैली, साइज़, स्टेट और आइकन निर्दिष्ट कर सकते हैं. सब कुछ पूरी तरह एडिट किया जा सकता है, इसलिए आप हाथ से इसमें बदलाव कर सकते हैं या फिर से प्रॉम्प्ट दे सकते हैं, जब तक कि बटन बिल्कुल सही न हो जाए.

बिल्कुल. Figma के एजेंट द्वारा जनरेट किए गए बटन आपके कैनवास पर पूरी तरह एडिट किए जा सकने वाले लेयर्स और कम्पोनेन्ट के रूप में आते हैं. आप रंग, टाइपोग्राफ़ी, स्पेसिंग और स्टेट्स को मैन्युअल रूप से या फ़ॉलो-अप प्रॉम्प्ट्स की मदद से एडजस्ट कर सकते हैं. कुछ भी फ्लैटन या लॉक नहीं किया जाता.

Figma का एजेंट सभी सशुल्क Figma प्लान पर उपलब्ध है. आपको यह Figma डिज़ाइन में बाईं तरफ की रेल में मिलेगा. वर्तमान ओपन बीटा के दौरान, यह AI क्रेडिट का उपयोग नहीं करता है — इसलिए खोज करने, प्रयोग करने का यह अच्छा समय है और अपना फ़ीडबैक हमारे साथ साझा करें.

Powered by Fruition