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

Figma डिज़ाइन

बड़ी सोच के लिए बनाया गया.
हर पिक्सेल को परफ़ेक्ट किया गया है.

उसी तरह काम करें जैसे आप चाहते हैं—चाहे इसका मतलब डिज़ाइन सिस्टम बनाना हो, AI के ज़रिए एडिट करना हो, या विवरणों को ठीक करना हो.

असीमित अभिव्यक्ति के लिए एक असीमित कैनवास.

इसे ड्रॉ करें, एनिमेट करें, और इसे बिल्कुल वैसे ही बनाएं जैसी आपकी कल्पना है.

  • मोशन जोड़ें

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

  • लाल Apple का चित्रण जिसमें नीला, हरा और हल्का नीला बैकग्राउंड है.लाल Apple का चित्रण जिसमें नीला, हरा और हल्का नीला बैकग्राउंड है.

    समृद्ध चित्रण ड्रॉ करें

    वेक्टर एडिटिंग के ज़रिए पिक्सेल-परफे़ेक्ट डिज़ाइन बनाएं. वेक्टर ब्रश, उन्नत स्ट्रोक सेटिंग्स फ़िल्स और बहुत कुछ का उपयोग करें.

  • एक ऐसा प्रॉम्प्ट जिसमें Figma के एजेंट से पूछा जा रहा है कि चुने हुए स्क्रीन के लिए अन्य डिज़ाइन एक्सप्लोरेशन दिखाएएक ऐसा प्रॉम्प्ट जिसमें Figma के एजेंट से पूछा जा रहा है कि चुने हुए स्क्रीन के लिए अन्य डिज़ाइन एक्सप्लोरेशन दिखाए

    Figma के साथ चैट करें

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

बनाने से पहले जानें कि आपका यूज़र क्या अनुभव करेगा.

अपने डिज़ाइन में जान डालें. फिर इसे ऐसी शेप दें जब तक आपके पास कोड-समर्थित प्रोटोटाइप न हो जाए जिसे आपकी टीम देख सके, महसूस कर सके और रिएक्ट कर सके.

  • प्रॉम्प्ट, डिज़ाइन या कोड द्वारा एडिट करें

    Figma Make में एक उच्च-निष्ठा प्रोटोटाइप को प्रॉम्प्ट-आउट करें, फिर विवरणों को उस तरह पॉलिश करें जिसे आप पसंद करते हैं—डिज़ाइन, कोड या प्रॉम्प्ट के अनुसार.

  • दक्षिण-पूर्व की ओर इशारा करती एक डिजिटल कम्पास का एम्बेड Make प्रोटोटाइप का दृश्यदक्षिण-पूर्व की ओर इशारा करती एक डिजिटल कम्पास का एम्बेड Make प्रोटोटाइप का दृश्य

    कहीं भी Make प्रोटोटाइप एम्बेड करें

    अपने प्रोटोटाइप्स को Figma डिज़ाइन, FigJam और Figma Slides में जोड़ें, ताकि आपकी टीम उन्हें क्लिक करके, इंटरैक्ट करके और बेहतर फ़ीडबैक देकर आपके आइडियाज़ को और असरदार बना सके.

वह उत्पाद जिन्हें आप पसंद करते हैं, Figma में डिज़ाइन किए गए हैं

हम कई टूल्स के बजाय एक ही जगह पर मिलकर काम कर रहे हैं. यह संदर्भ स्विचिंग और लागत में मदद करता है, लेकिन यह मुख्य रूप से स्पीड और आसानी के बारे में है. Figma में वह सब कुछ है जो हमें चाहिए.

Adam Morris

हेड ऑफ़ प्रोडक्ट डिज़ाइन, The Economist

  • 95%

    फ़ॉर्च्यून 500 में से 95% लोग Figma का उपयोग करते हैं

मार्च 2025 के डेटा के आधार पर.

  • airbnb लोगो
  • atlassian लोगो
  • dropbox लोगो
  • duolingo लोगो
  • github लोगो
  • microsoft लोगो
  • netflix लोगो
  • pentagram लोगो
  • slack लोगो
  • stripe लोगो
  • the new york times लोगो
  • zoom लोगो

व्यवसाय में सर्वश्रेष्ठ डिज़ाइन सिस्टम बनाएं.

एक ऐसा स्रोत बनाएं जो आपके पूरे संगठन को उचित उत्पादों का लगातार निर्माण करने दे.

  • सोच-समझ कर डिजाइन को डिफ़ॉल्ट सेटिंग बनाएं

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

  • डिज़ाइन सिस्टम टाइपफ़ेस, रंग और कम्पोनेन्ट से चुनने के लिएडिज़ाइन सिस्टम टाइपफ़ेस, रंग और कम्पोनेन्ट से चुनने के लिए

    एक सिस्टम जिसे आपकी पूरी टीम उपयोग कर सकती है

    आपकी संगठन में लाइब्रेरी, कम्पोनेन्ट, फ़ॉन्ट और बहुत कुछ शेयर करें ताकि हर कोई एक ही नींव से निर्माण करे - चाहे वह एक ब्रांड के लिए हो या कई के लिए.

कोड और डिज़ाइन एक साथ काम करते हैं.

आपकी सभी डिज़ाइन असली, उत्पादन के लिए तैयार कोड से जुड़ी हुई हैं. जो आप चाहते हैं वही भेजा जाता है.

  • डिज़ाइन से कोड और फिर से वापस

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

  • विवरणों में अपने डेवलपर को शामिल करें

    Code Connect के साथ अपने डिज़ाइन सिस्टम को सीधे अपने कोडबेस से जोड़ें, ताकि डेवलपर्स को असली, काम करने वाला कोड मिले.

डिज़ाइनरों को पसंद आने वाली दमदार सुविधाओं से लैस

  • Figma मोशन

    नया
    आइकन पर मोशन कीफ़्रेम्स और कर्व एडजस्ट किया जा रहा हैआइकन पर मोशन कीफ़्रेम्स और कर्व एडजस्ट किया जा रहा है

    टाइमलाइन नियंत्रण या एजेंट सहायता के साथ एनीमेशन करें, अपने डिज़ाइन सिस्टम को मोशन शामिल करने के लिए विस्तार करें, और डेव-रेडी एक्सपोर्ट के साथ भेजें.

  • Figma Weave टूल्स (बीटा)

    नया
    रेगिस्तान के टीलों की तस्वीर पर चांदनी के लिए लाइट एडजस्टरेगिस्तान के टीलों की तस्वीर पर चांदनी के लिए लाइट एडजस्ट

    Figma में सीधे इमेज और वेक्टर को उत्पन्न करने के लिए पूर्व-निर्मित AI वर्कफ़्लोज़ की सूची में से चुनें.

  • जनरेटिव प्लगइन (बीटा)

    नया
    मैप मेकर प्लगइन का UI जिसमें लाइट और डार्क मोड, इंटरैक्टिविटी, पिन और रंगों के विकल्प हैंमैप मेकर प्लगइन का UI जिसमें लाइट और डार्क मोड, इंटरैक्टिविटी, पिन और रंगों के विकल्प हैं

    Figma के एजेंट के ज़रिए अपने कैनवास पर अपनी ही पुन: उपयोग करने योग्य प्लगइन को प्रॉम्प्ट करें. वे आपके पूरे संगठन में साझा करने योग्य हैं.

  • शेडर्स (बीटा)

    नया
    रंग और मिश्रण विकल्पों के साथ एक ग्रेडिएंट मैप शेडररंग और मिश्रण विकल्पों के साथ एक ग्रेडिएंट मैप शेडर

    डिज़ाइन में उपयोग के लिए कस्टम शेडर इफ़ेक्ट और फिल्स को प्रॉम्प्ट करें, और Figma MCP के ज़रिए Figma Make तथा अन्य प्लेटफ़ॉर्म पर एक्सपोर्ट करने का समर्थन प्राप्त करें.

  • Figma एजेंट (बीटा)

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

  • MCP सर्वर

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

  • ब्रशेस

    किसी कुत्ते के चित्रण को पूरा करने के लिए विभिन्न ब्रश स्ट्रोक से चयनकिसी कुत्ते के चित्रण को पूरा करने के लिए विभिन्न ब्रश स्ट्रोक से चयन

    अपने डिज़ाइन फ़ाइल में सीधे पेंट करें और हाथ से बनाए गए आकर्षक विवरण जोड़ें. ऐसे ब्रश टूल्स का उपयोग करें जो प्राकृतिक और टेक्सचर से भरे स्ट्रोक्स बनाकर आपके डिज़ाइन को एक अनोखा, क्रिएटिव टच दें.

  • टेक्सचर

    इफ़ेक्ट्स जैसे शेडो, ब्लर, शोर, बनावट, और ग्लास के साथ किसी भी डिज़ाइन में गहराई और विवरण जोड़ें.

  • वेक्टर टूलिंग

    पूर्ण सेट वेक्टर ड्राइंग और एडिटिंग टूल्स के ज़रिए कस्टम आइकन, चित्र, और शेप बनाएं.

  • वेक्टराइज करें

    किसी भी फ़्लैट, स्टैटिक इमेज, स्थिर छवि को सेकंडों में संपादनीय, मापन योग्य वेक्टर में परिवर्तित करें.

  • कम्पोनेन्ट

    दोबारा प्रयोग योग्य UI एलिमेंट एक बार बनाएं और उन्हें अपने फ़ाइल में अन्यत्र उपयोग करके डिज़ाइनों को संगत और अपडेट करने में आसान रखें.

  • वैरिएबल

    रनिंग ऐप इवेंट के संदर्भ में दिखाए गए विभिन्न वैरिएबल जैसे फ़ॉन्ट, स्पेसिंग, और रंगरनिंग ऐप इवेंट के संदर्भ में दिखाए गए विभिन्न वैरिएबल जैसे फ़ॉन्ट, स्पेसिंग, और रंग

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

  • स्लॉट्स

    मेनू ड्रॉपडाउन, मोडल्स, और कार्ड्स जैसे कम्पोनेन्ट को बिना अलग किए अनुकूलित करें, ताकि सामग्री संरचना को तोड़े बिना फ्लेक्स कर सके.

  • डिज़ाइन जांचें

    नया
    डिज़ाइन सिस्टम से मेल खाने के लिए 3 रंगों को अपडेट करने की आवश्यकता दिखाते हुए डिज़ाइन को साइड-बाय-साइड चेक कर रहे हैंडिज़ाइन सिस्टम से मेल खाने के लिए 3 रंगों को अपडेट करने की आवश्यकता दिखाते हुए डिज़ाइन को साइड-बाय-साइड चेक कर रहे हैं

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

  • ऑटो लेआउट

    एक डिज़ाइन के दो टाइप को ऑटो लेआउट के साथ साइज़ में एडजस्ट किया जा रहा हैएक डिज़ाइन के दो टाइप को ऑटो लेआउट के साथ साइज़ में एडजस्ट किया जा रहा है

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

  • ग्रिड

    फ़ोटो के ग्रिड में पैडिंग एडजस्ट की जा रही हैफ़ोटो के ग्रिड में पैडिंग एडजस्ट की जा रही है

    स्पेसिंग, साइज़िंग, और संरचना पर सही नियंत्रण के साथ बेंटो, कार्ड, और गैलरी जैसी लचीली लेआउट बनाएं.

  • मल्टी-एडिट

    कई फ़्रेम और कम्पोनेन्ट सेट में एक साथ कई ऑब्जेक्ट्स का चयन और उन्हें एडिट करें.

  • ब्रांचिंग और मर्जिंग

    डिज़ाइन बदलावों पर मुख्य फ़ाइल को बिना बाधित किए अलग ब्रांच में कार्य करें और उन्हें तब वापस मर्ज करें जब तैयार हों.