Estos dos términos responden a preguntas diferentes. Smart Animate responde "¿qué cambia?" Observa dos fotogramas, encuentra capas con nombres coincidentes y anima su posición, tamaño, rotación, opacidad y otras propiedades de un fotograma al otro.
La facilitación responde "¿cómo cambia con el tiempo?" Figma le permite elegir una curva estándar, como una curva de salida suave, una curva Bézier cúbica personalizada o un resorte. La relajación del resorte se define por configuraciones físicas, rigidez, amortiguación y masa, en lugar de una duración fija, por lo que el movimiento se acelera y se asienta como lo hacen los objetos reales.
La verdadera diferencia aparece en el código. En un producto, un resorte puede partir de la posición y velocidad actuales de un elemento. Si un usuario interrumpe una transición o mueve una hoja, el movimiento continúa naturalmente en lugar de saltar. Una transición prototipo se reproduce de la misma manera cada vez, lo cual está bien para mostrar la intención, pero no muestra cómo se comporta el movimiento bajo una entrada real.
Entonces, un prototipo Figma es una buena referencia, pero los desarrolladores aún reconstruyen el movimiento en código. Para mantener la coherencia de los valores, muchos equipos guardan las configuraciones de resorte como fichas de movimiento. Nuestro convertidor gratuito de animación Figma a Spring convierte la aceleración Figma en configuraciones Spring que puedes usar en el código.
Si desea que la versión interactiva sea el producto final en lugar de una referencia, se necesita una herramienta con un tiempo de ejecución. ExodeUI, que creamos, almacena estados, resortes y eventos en un archivo que se ejecuta en la aplicación.