هذان المصطلحان يجيبان على أسئلة مختلفة. Smart Animate يجيب على "ما التغييرات؟" فهو ينظر إلى إطارين، ويبحث عن طبقات ذات أسماء متطابقة، ويحرك موضعها وحجمها وتدويرها وعتامةها وخصائصها الأخرى من إطار إلى آخر.
تسهيل الإجابات "كيف يتغير مع مرور الوقت؟" يتيح لك Figma اختيار منحنى قياسي مثل المنحنى السهل أو منحنى مكعب بيزييه المخصص أو الزنبرك. يتم تحديد التخفيف الزنبركي من خلال الإعدادات الفيزيائية والصلابة والتخميد والكتلة، بدلاً من مدة ثابتة، بحيث تتسارع الحركة وتستقر بالطريقة التي تعمل بها الأشياء الحقيقية.
يظهر الفرق الحقيقي في الكود. في المنتج، يمكن أن يبدأ الزنبرك من الموضع الحالي وسرعة العنصر. إذا قام المستخدم بمقاطعة عملية انتقال أو نقر ورقة، فستستمر الحركة بشكل طبيعي بدلاً من القفز. يتم تشغيل انتقال النموذج الأولي بنفس الطريقة في كل مرة، وهو أمر جيد لإظهار النية ولكنه لا يوضح كيف تتصرف الحركة في ظل الإدخال الحقيقي.
لذا فإن النموذج الأولي Figma يعد مرجعًا جيدًا، لكن المطورين ما زالوا يعيدون بناء الحركة في التعليمات البرمجية. للحفاظ على اتساق القيم، تقوم العديد من الفرق بحفظ إعدادات الربيع كرموز للحركة. يعمل محول Figma Animation to Spring Converter المجاني على تحويل تسهيل Figma إلى إعدادات الربيع التي يمكنك استخدامها في التعليمات البرمجية.
إذا كنت تريد أن يكون الإصدار التفاعلي بمثابة التسليم وليس مرجعًا، فستكون هناك حاجة إلى أداة ذات وقت تشغيل. يقوم ExodeUI، الذي نصنعه، بتخزين الحالات والينابيع والأحداث في ملف واحد يتم تشغيله في التطبيق.