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

Figma मोशन

कैनवास पर ही सटीक, उत्पादन-तैयार एनिमेशन बनाएं.

मोशन डिजाइन, जहाँ आप डिज़ाइन करें.

चाहे आप गति के प्रति उत्सुक हो या एक आसान विशेषज्ञ, अपने डिजाइनों को खींचना, उछालना और स्क्वैश करना आसान है.

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

    प्रॉम्प्ट में पॉलिश्ड मोशन

    Figma के एजेंट का उपयोग करके प्रो स्तर के एनिमेशन बनाएं। इसका उपयोग दोहराए जाने वाले मूव्स या जटिल कहानी कहने के लिए करें.

  • एक बाहरी गतिविधियों ऐप के लिए एक एनिमेटेड कवर कार्ड Figma में टाइमलाइन और कीफ्रेम के साथ प्रदर्शित किया गया है जो इसे हिलने वाला बनाते हैं.एक बाहरी गतिविधियों ऐप के लिए एक एनिमेटेड कवर कार्ड Figma में टाइमलाइन और कीफ्रेम के साथ प्रदर्शित किया गया है जो इसे हिलने वाला बनाते हैं.

    हर कीफ़्रेम को नियंत्रित करें

    आपके पास टाइमलाइन पर पूरा नियंत्रण है. हर फ़्रेम और प्रोपर्टी को ठीक वैसे ही सेट करें जैसे आप उन्हें चाहते हैं, फिर अंतिम एनिमेशन को शेप देने के लिए टीम के साथियों को लाएं.

विस्तृत रचनात्मकता। सटीक नियंत्रण.

अपने काम में स्पष्टता और अभिव्यक्ति लाएं. लोडिंग स्टेट्स, होवर इंटरैक्शन, लोगो स्टाइल्स और अधिक के लिए एनीमेट करें. समयरेखा की सीमा ही आपकी सीमा है.

  • पूर्व-निर्मित शैलियों के साथ तेजी से बनाएं

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

  • समय को स्वचालित रूप से एडजस्ट करें

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

  • तीन सपाट चित्र - एक नारंगी गुंबद संरचना, एक सफेद गुंबद संरचना, और एक फूला हुआ जैकेट को 3डी वस्तुओं के एक ढेर में परिवर्तित किया जा रहा है.तीन सपाट चित्र - एक नारंगी गुंबद संरचना, एक सफेद गुंबद संरचना, और एक फूला हुआ जैकेट को 3डी वस्तुओं के एक ढेर में परिवर्तित किया जा रहा है.

    एक नए डायमेंशन में प्रवेश करें

    3डी ट्रांसफॉर्म्स आपके डिज़ाइन और इमेज को गहराई देते है. मोशन के साथ मिलाकर वस्तुओं को वास्तविक दुनिया की तरह चलने में सक्षम बनाएं.जल्द आ रहा है.

  • सभी स्थानांतरण को स्मूथ करें

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

सिस्टमों को एक बार बनाएं. उन्हें हर जगह लागू करें.

मोशन सिस्टम आपकी पूरी टीम को जल्दी से ब्रांड-मोशन परिसंपत्तियां कहीं भी जोड़ने देती हैं.

  • परिसंपत्तियों के बीच कम्पोनेन्ट का पुनः उपयोग करें

    सामान्य मूव्स को व्यवस्थित करें—हर बार नए सिरे से शुरुआत करने की आवश्यकता नहीं है. ऐसे मोड और कम्पोनेन्ट बनाएँ जो जहां भी लागू हों, वहां काम करें.

एनिमेशन कोड के लिए सीधे भेजें.

आपके सभी एनिमेशन वास्तविक, उत्पादन-तैयार कोड द्वारा समर्थित हैं और सीधे Figma से एक्सपोर्ट करने योग्य हैं.

  • एक एनिमेटेड संग्रहालय मानचित्र को इसके पीछे के कोड के साथ बगल में दिखाया गया है.एक एनिमेटेड संग्रहालय मानचित्र को इसके पीछे के कोड के साथ बगल में दिखाया गया है.

    पेनलैस डेवलपर हैंडऑफ़्स

    डेवलपर्स Dev Mode में पूरी मोशन टाइमलाइन का निरीक्षण कर सकते हैं, फिर एनिमेशन कोड को सीधे CSS, JSON, या React में कॉपी कर सकते हैं.

  • एक पॉप-अप बॉक्स एक एनीमेशन फाइल को AI कोडिंग एजेंट पर स्थानांतरित होते हुए दिखाता है.एक पॉप-अप बॉक्स एक एनीमेशन फाइल को AI कोडिंग एजेंट पर स्थानांतरित होते हुए दिखाता है.

    AI एजेंटों को फ़ुल मोशन गति संदर्भ दें

    एनिमेशन कोड को अपने एज़ेन्टिक कोडिंग टूल्स पर Figma MCP सर्वर के माध्यम से भेजें. यह आपकी सभी वैल्यू को संरक्षित करता है, जैसे इज़ींग और टाइमिंग.