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