AI Design

Figma Make: यह क्या है, यह कैसे काम करता है, क्रेडिट और सीमाएं (2026)12 min read

Reading Time: 9 minutesFigma Make Figma का AI प्रॉम्प्ट-टू-ऐप टूल है। यहां बताया गया है कि यह क्या है, यह चरण दर चरण कैसे काम करता है, इसका उपयोग कौन कर सकता है, एआई क्रेडिट कैसे काम करता है, कोड कैसे प्रकाशित और निर्यात करें, और इसकी सीमाएं कहां हैं।

Figma Make complete review: features, cost, updates, with Figma and Anima logos

Figma Make: यह क्या है, यह कैसे काम करता है, क्रेडिट और सीमाएं (2026)12 min read

Reading Time: 9 minutes

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

1 नवंबर, 2026 को Figma Make पृष्ठ और Figma सहायता केंद्र के विरुद्ध तथ्यों की जाँच की गई। योजनाएँ, क्रेडिट और सुविधाएँ अक्सर बदलती रहती हैं, इसलिए खरीदने से पहले Figma में वर्तमान विवरण की पुष्टि करें।

यह मार्गदर्शिका बताती है कि Figma Make क्या है, यह चरण दर चरण कैसे काम करता है, कौन सी विशेषताएँ मायने रखती हैं, इसका उपयोग कौन कर सकता है, AI क्रेडिट कैसे काम करता है, कैसे प्रकाशित और निर्यात करना है, और इसकी सीमाएँ कहाँ हैं। यदि आप टूल के बीच चयन कर रहे हैं, तो हमारा Figma Make बनाम Anima Playground तुलना विकल्पों को शामिल करता है।

Figma Make क्या है?

Figma Figma Make को एक एआई-संचालित, प्रॉम्प्ट-टू-ऐप टूल के रूप में वर्णित करता है जो आपको विचारों और मौजूदा Figma डिज़ाइनों को कार्यात्मक प्रोटोटाइप, वेब ऐप्स और इंटरैक्टिव यूआई के रूप में जीवन में लाने की सुविधा देता है। आप लाइव पूर्वावलोकन के बगल में चैट में काम करते हैं, और आप जो कुछ भी बनाते हैं वह कोड-समर्थित होता है, इसलिए आप पूर्वावलोकन, पॉइंट-एंड-क्लिक संपादन और कोड के बीच स्विच कर सकते हैं।

Figma ने कॉन्फिग 2025 में Make पेश किया, और यह एक एकल-घटक विचार से योजना मोड, एक कोड संपादक, बैकएंड, प्रकाशन और एकीकरण के साथ एक पूर्ण उत्पाद में विकसित हुआ है। यह Figma Design से अलग है: आप अपने ड्राफ्ट में Make बटन का उपयोग करके, उसी तरह एक Make फ़ाइल बनाते हैं जैसे आप अन्य Figma फ़ाइलें बनाते हैं।

Figma Make चैट प्रॉम्प्ट एक इक्वलाइज़र के साथ उत्पन्न इंटरैक्टिव ऑडियो सेटिंग्स पैनल के बगल में एक प्लेबैक सेटिंग्स मोडल के लिए पूछ रहा है
छवि: Figma. एक संकेत और एक संलग्न डिज़ाइन एक इंटरैक्टिव सेटिंग पैनल बन जाता है।

आप Figma Make के साथ क्या बना सकते हैं?

  • उपयोगकर्ताओं के साथ परीक्षण करने के लिए प्रवाह या सुविधा का एक क्लिक करने योग्य प्रोटोटाइप।
  • बदलाव और तर्क के साथ मौजूदा Figma डिज़ाइन का एक इंटरैक्टिव संस्करण।
  • डेटा और साइन-इन के लिए बैकएंड के साथ एक छोटा वेब ऐप या आंतरिक टूल।
  • एक लैंडिंग पृष्ठ या माइक्रोसाइट जिसे आप सार्वजनिक यूआरएल पर प्रकाशित कर सकते हैं।

Figma Make कैसे काम करता है, चरण दर चरण

  1. एक Make फ़ाइल बनाएँ। Figma फ़ाइल ब्राउज़र में, अपने ड्राफ्ट खोलें और क्लिक करें Make ऊपरी दाएँ कोने में. आप किसी टेम्पलेट से या GitHub रिपॉजिटरी की क्लोनिंग करके भी शुरुआत कर सकते हैं।
  2. एक संकेत लिखें. वर्णन करें कि आप चैट में क्या बनाना चाहते हैं। आप टाइप या डिक्टेट कर सकते हैं. उपयोगकर्ता, मुख्य कार्य और स्क्रीन के बारे में विशिष्ट रहें।
  3. संदर्भ जोड़ें. Figma डिज़ाइन संलग्न करें या चैट में फ़्रेम चिपकाएँ, Figma लाइब्रेरी (भुगतान योजना) से स्टाइल संदर्भ लाएँ, बैकएंड जोड़ें, MCP कनेक्टर्स के माध्यम से टूल कनेक्ट करें, या Make को वेब पर खोज करने दें या URL लाने दें।
  4. यदि आप नियंत्रण चाहते हैं तो पहले योजना बनाएं। सशुल्क योजनाओं पर, योजना मोड एक संरचित योजना तैयार करता है जिसे आप कोई भी कोड लिखे जाने से पहले संपादित कर सकते हैं।
  5. पूर्वावलोकन की समीक्षा करें. Make ऐप बनाता है और उसे लाइव दिखाता है। इस पर वैसे ही क्लिक करें जैसे कोई उपयोगकर्ता करता है।
  6. परिष्कृत करें. चैट करते रहें, विशिष्ट तत्वों को बदलने के लिए बिंदु और संपादन का उपयोग करें, एनोटेशन जोड़ें और उन्हें एक साथ भेजें, या कोड संपादक खोलें और सीधे कोड बदलें।
  7. साझा करें या प्रकाशित करें. टिप्पणियों के साथ फीडबैक के लिए फ़ाइल साझा करें, पूर्वावलोकन को परतों के रूप में Figma Design पर वापस कॉपी करें, इसे सार्वजनिक URL पर प्रकाशित करें, या कोड डाउनलोड करें।
बाईं ओर एआई चैट के साथ Figma Make कार्यक्षेत्र, जहां एक संकेत मीडिया प्लेयर के लिए पूछता है, और दाईं ओर लाइव ऐप पूर्वावलोकन है
छवि: Figma. बाईं ओर चैट में संकेत दें, दाईं ओर जेनरेट किए गए ऐप का लाइव पूर्वावलोकन।

Figma के दस्तावेज़ों से एक व्यावहारिक युक्ति: अपनी Figma फ़ाइल में एक लिंक चिपकाने के बजाय एक फ़्रेम या एक घटक संलग्न करें। Make किसी URL से डिज़ाइन नहीं पढ़ता है, और एक चिपकाया गया लिंक अप्रत्याशित आउटपुट का कारण बन सकता है।

प्रमुख Figma Make विशेषताएं

विशेषता यह क्या करता है
योजना मोड पीढ़ी शुरू होने से पहले एक संपादन योग्य योजना बनाता है, ताकि आप पहले इरादा स्पष्ट कर सकें।
संलग्नक आपको मॉडल का मार्गदर्शन करने के लिए डिज़ाइन, चित्र, वीडियो, ऑडियो, टेक्स्ट फ़ाइलें और पीडीएफ संलग्न करने की सुविधा देता है।
इंगित करें और संपादित करें पूर्वावलोकन में किसी तत्व को पुनः स्टाइल करने, स्वैप करने या परिवर्तन का संकेत देने के लिए उस पर क्लिक करें।
एनोटेशन कई तत्वों का चयन करें, परिवर्तनों का वर्णन करें और उन्हें एक ही बार में मॉडल पर भेजें।
कोड संपादक जनरेट किए गए कोड को देखें और संपादित करें, अपनी स्वयं की फ़ाइलें जोड़ें और Make द्वारा अनुसरण किए जाने वाले दिशानिर्देशों को जोड़ें।
Make किट उच्च-निष्ठा प्रोटोटाइप उत्पन्न करने के लिए npm पैकेज, लाइब्रेरी शैलियों और दिशानिर्देशों को सिंक करें।
MCP कनेक्टर दस्तावेज़ों और कार्यों जैसे बाहरी टूल से संदर्भ खींचें।
संस्करण इतिहास किसी भी पुराने संस्करण, एआई या मैनुअल का पूर्वावलोकन करें, पसंदीदा बनाएं या पुनर्स्थापित करें।
टिप्पणियाँ और मोबाइल किसी प्रोटोटाइप पर फ़ीडबैक एकत्र करें और उसे फ़ोन पर देखें।
टेम्पलेट और कस्टम कौशल सिद्ध वर्कफ़्लो का पुन: उपयोग करें या Make के लिए अपने स्वयं के निर्देशों को पैकेज करें।
Figma Make बिंदु और संपादन: एक प्रॉम्प्ट बॉक्स के साथ एक चयनित शीर्षक तत्व जो गाना बजने पर टाइमस्टैम्प को एनिमेट करने के लिए कहता है
छवि: Figma. बिंदु और संपादन आपको पूर्वावलोकन में एक तत्व का चयन करने और परिवर्तन का संकेत देने की सुविधा देता है।

Figma Make बनाम Figma कोड परतें बनाम Figma Sites

ये तीनों भ्रमित हो जाते हैं. Figma Make एक समर्पित फ़ाइल में काम करता है जहाँ आप एक ऐप बनाते और प्रकाशित करते हैं। कोड परतें आपको Figma Design कैनवास पर आपके डिज़ाइन के आगे इंटरैक्टिव विचारों का पता लगाने देती हैं; के लिए हमारी मार्गदर्शिका देखें Figma कोड परतें और विवरण. Figma Sites Figma में डिज़ाइन की गई वेबसाइटों को प्रकाशित करने के लिए है। जब आउटपुट एक ऐप की तरह व्यवहार करना चाहिए तो Make चुनें, और जब आप अपने स्थिर डिज़ाइन के बगल में एक इंटरैक्टिव तत्व चाहते हैं तो कोड परतें चुनें।

Figma Make का उपयोग कौन कर सकता है, और AI क्रेडिट की लागत क्या है?

Figma Make Starter (सीमाओं के साथ), Professional, Organization, Enterprise, शिक्षा (उच्च शिक्षा और बूटकैंप उपयोगकर्ता) और सरकारी योजनाओं पर उपलब्ध है। आपकी सीट तय करती है कि आप क्या कर सकते हैं:

सीट आप Figma Make में क्या कर सकते हैं
भरा हुआ सब कुछ: फ़ोल्डरों और टीमों में Make फ़ाइलें बनाएं, साझा करें, प्रकाशित करें, कोड संपादक का उपयोग करें और कोड निर्यात करें।
देव ड्राफ्ट और निर्यात कोड में Make आज़माएँ।
सहयोग करें और देखें ड्राफ्ट में Make आज़माएँ।

Make AI क्रेडिट पर चलता है। प्रत्येक सीट में क्रेडिट शामिल हैं, वे मासिक रूप से रीसेट होते हैं और उन्हें साझा या रोलओवर नहीं किया जा सकता है। अक्टूबर 2026 में Figma के दस्तावेज़ के अनुसार:

योजना (पूर्ण सीट) प्रति माह एआई क्रेडिट
Starter 500 (साथ ही 150 की दैनिक सीमा)
Professional 3,000
Organization 3,500
Enterprise 4,250

एक त्वरित उपयोग कितने क्रेडिट का उपयोग करता है यह आपके द्वारा चुने गए मॉडल और कार्य पर निर्भर करता है। फरवरी 2026 में अपने डिफ़ॉल्ट मॉडल के आधार पर, Figma के स्वयं के उदाहरणों ने एक छोटा सा बदलाव किया, जैसे कि लगभग 30 या अधिक क्रेडिट पर फ़ॉन्ट अपडेट करना और एक संलग्न डिज़ाइन को लगभग 75 या अधिक पर इंटरैक्टिव बनाना। छोटे संपादनों के लिए हल्का मॉडल चुनना और बड़े निर्माणों के लिए योजना मोड का उपयोग करना आपके क्रेडिट को बनाए रखने में मदद करता है।

प्रकाशन, बैकएंड और अपना काम पूरा करना

प्रकाशित करना

प्रकाशित करें पर क्लिक करें, एक शीर्षक सेट करें और Make आपको एक सार्वजनिक यूआरएल देता है जो दिखता है three-random-words.figma.site. आप समर्थित योजनाओं पर एक कस्टम डोमेन कनेक्ट कर सकते हैं। प्रकाशित ऐप्स Cloudflare के माध्यम से रूटिंग के साथ Amazon Web Services पर होस्ट किए जाते हैं, वे डिफ़ॉल्ट रूप से खोज इंजन द्वारा अनुक्रमित नहीं होते हैं, और Make में कोई अंतर्निहित एनालिटिक्स डैशबोर्ड नहीं है, हालांकि आप सेटिंग्स में एक Google Analytics आईडी जोड़ सकते हैं।

Figma Make प्रकाशित वेबसाइट डिज़ाइन के ग्रिड पर प्रकाशित बटन को हाइलाइट किया गया है
छवि: Figma. सार्वजनिक URL पर Make ऐप प्रकाशित करें।

बैकएंड

डेटा संग्रहीत करने और साइन-इन का समर्थन करने के लिए, आप Make को डेटाबेस, फ़ाइल संग्रहण, प्रमाणीकरण और एक व्यवस्थापक पैनल के साथ Payload-संचालित बैकएंड बनाने के लिए कह सकते हैं, या Make सेटिंग्स से अपने स्वयं के Supabase प्रोजेक्ट को कनेक्ट कर सकते हैं।

सीएमएस पैनल के बगल में Figma Make ऐप का पूर्वावलोकन, जिसमें शीर्षक और तारीखों के साथ घटनाओं की सूची है, जिसमें एक बैकएंड दिखाया गया है जो डेटा संग्रहीत करता है
छवि: Figma. CMS के साथ एक बैकएंड Make ऐप को डेटा स्टोर करने और प्रबंधित करने की सुविधा देता है।

निर्यात कोड

पूर्ण या डेव सीट वाले उपयोगकर्ता फ़ाइल टैब में फ़ाइल क्रियाओं से Make फ़ाइल की सभी फ़ाइलों को ज़िप के रूप में डाउनलोड कर सकते हैं। डाउनलोड को एक प्रोटोटाइप कोडबेस के रूप में मानें: इसे स्थानीय रूप से चलाएं, इसकी समीक्षा करें और इस पर निर्माण करने से पहले रिफैक्टर करें।

Figma Make चैट पैनल 15 कोड परिवर्तन दिखा रहा है, परिवर्तनों की समीक्षा करें और PR बटन बनाएं और नई शाखा बनाएं के साथ एक शाखा मेनू दिखाएं
छवि: Figma. Make द्वारा उत्पादित कोड परिवर्तनों की समीक्षा करें और शाखाओं पर काम करें।

डिज़ाइन को वापस Figma पर ले जाएँ

सशुल्क योजनाओं पर आप वर्तमान पूर्वावलोकन को डिज़ाइन परतों के रूप में कॉपी कर सकते हैं और उन्हें Figma Design में पेस्ट कर सकते हैं। परतें संपादन योग्य हैं, लेकिन वे एक स्नैपशॉट हैं। वे इंटरैक्टिव नहीं हैं, Make फ़ाइल से लिंक नहीं हैं और आपके डिज़ाइन सिस्टम से स्वचालित रूप से बंधे नहीं हैं।

शुरू करने से पहले जानने योग्य Figma Make सीमाएं

  • अधिकांश सुविधाओं के लिए सशुल्क योजना पर पूर्ण सीट की आवश्यकता होती है, और बड़े बिल्ड पर क्रेडिट जल्दी खत्म हो सकता है।
  • इसे प्रोटोटाइप और सरल ऐप्स के लिए बनाया गया है। उत्पादन सॉफ़्टवेयर को अभी भी इंजीनियरिंग समीक्षा, परीक्षण, सुरक्षा और रखरखाव की आवश्यकता है।
  • Figma Design में कॉपी की गई परतों में आपके द्वारा किए गए परिवर्तन Make फ़ाइल में वापस नहीं आते हैं।
  • यदि आप मॉडल को Supabase का उपयोग करने के लिए कहते हैं और एकीकरण कनेक्ट नहीं है, तो यह कार्यशील कनेक्शन के बजाय नकली कोड उत्पन्न कर सकता है।
  • प्रकाशित साइटों के लिए एसईओ नियंत्रण और विश्लेषण न्यूनतम हैं।
  • आप इसे Figma लिंक नहीं सौंप सकते और यह अपेक्षा नहीं कर सकते कि यह फ़ाइल पढ़ेगा। फ़्रेम संलग्न करें या चिपकाएँ.

यदि आपको वास्तविक फ्रंट-एंड कोड, एक वेबसाइट क्लोन या एक ऐप की आवश्यकता है जो Figma के बाहर रहता है, तो एक विकल्प देखें जैसे कि Anima Playground. हम ईमानदारी से उनकी तुलना करते हैं Figma Make बनाम Anima Playground.

Figma Make के लिए शीघ्र विचार

विशिष्ट संकेत जो उपयोगकर्ता, कार्य और स्थितियों का नाम देते हैं, पहले बेहतर परिणाम देते हैं। इन्हें आज़माएँ:

  • “बजट ऐप के लिए तीन-चरणीय ऑनबोर्डिंग प्रवाह बनाएं। एक प्रगति संकेतक दिखाएं, प्रत्येक फ़ील्ड को मान्य करें और एक सफलता स्क्रीन पर समाप्त करें।”
  • “संलग्न मूल्य निर्धारण फ़्रेम को एक इंटरैक्टिव पृष्ठ में बदलें। प्रत्येक योजना कार्ड पर एक मासिक और वार्षिक टॉगल और एक होवर स्थिति जोड़ें।”
  • “उस एजेंट के लिए एक समर्थन डैशबोर्ड बनाएं जो टिकटों का परीक्षण करता है। फ़िल्टर, एक खाली स्थिति और एक लोडिंग स्थिति शामिल करें।”
  • “अतिथि चेकआउट, पता सत्यापन और ऑर्डर पुष्टिकरण के साथ एक मोबाइल चेकआउट प्रोटोटाइप बनाएं।”

Anima Playground के साथ एक कार्यशील ऐप बनाएं

एक वास्तविक वेबसाइट या ऐप को प्राथमिकता दें जिसे आप निर्यात और शिप कर सकें? इसका वर्णन करें, और Anima इसका निर्माण करेगा।

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

Figma Make क्या है?

Figma Make Figma का AI-संचालित, प्रॉम्प्ट-टू-ऐप टूल है। यह एक प्रॉम्प्ट या मौजूदा Figma डिज़ाइन को एक कार्यात्मक प्रोटोटाइप, वेब ऐप या इंटरैक्टिव यूआई में बदल देता है जिसे आप पूर्वावलोकन कर सकते हैं, चैट या कोड में संपादित कर सकते हैं और प्रकाशित कर सकते हैं।

क्या Figma Make मुफ़्त है?

Starter योजनाएं सीमा के साथ Figma Make को मुफ्त में देख सकती हैं, जिसमें प्रति माह 500 AI क्रेडिट और एक दैनिक सीमा शामिल है। सशुल्क योजनाओं पर पूरी सीटें अधिक क्रेडिट और टीम लाइब्रेरी संदर्भ, योजना मोड, साझाकरण और प्रकाशन जैसी सुविधाएं मिलती हैं। योजनाएं बदलती रहती हैं, इसलिए Figma की कीमत जांचें।

मैं Figma Make का उपयोग कैसे करूँ?

अपने Figma ड्राफ्ट में, Make पर क्लिक करें, चैट में एक प्रॉम्प्ट लिखें, यदि आपके पास डिज़ाइन या स्टाइल संदर्भ है तो उसे संलग्न करें, इसे भेजें और चैट, पॉइंट और एडिट या कोड संपादक के साथ परिणाम को परिष्कृत करें। फिर इसे साझा करें, प्रकाशित करें या निर्यात करें।

क्या Figma Make कोड निर्यात कर सकता है?

हाँ। पूर्ण या डेव सीट वाले उपयोगकर्ता फ़ाइल टैब से Make फ़ाइल के कोड को ज़िप के रूप में डाउनलोड कर सकते हैं। इसे एक प्रोटोटाइप कोडबेस के रूप में सबसे अच्छा माना जाता है जिसकी आप उत्पादन उपयोग से पहले समीक्षा करते हैं।

क्या मैं Figma Make ऐप प्रकाशित कर सकता हूँ?

हाँ। पूरी सीटें सार्वजनिक figma.site URL पर प्रकाशित हो सकती हैं, और स्टार्टर उपयोगकर्ता सार्वजनिक रूप से तभी प्रकाशित कर सकते हैं, जब वे Figma Community पर भी प्रकाशित हों। आप समर्थित योजनाओं पर एक कस्टम डोमेन जोड़ सकते हैं, और प्रकाशित ऐप्स डिफ़ॉल्ट रूप से खोज इंजन द्वारा अनुक्रमित नहीं होते हैं।

Figma Make और Anima Playground में क्या अंतर है?

Figma Make, Figma पारिस्थितिकी तंत्र के अंदर प्रोटोटाइप और ऐप्स बनाता है। Anima Playground एक स्टैंडअलोन वर्कस्पेस है जो संकेतों, Figma डिज़ाइन, URL या छवियों से शुरू होता है और संपादन योग्य HTML या React बनाता है जिसे आप निर्यात कर सकते हैं, सौंप सकते हैं और प्रकाशित कर सकते हैं। विवरण के लिए हमारी तुलना देखें।

|

Co-founder & CEO