Deze twee termen beantwoorden verschillende vragen. Smart Animate antwoordt "wat verandert er?" Het kijkt naar twee frames, vindt lagen met overeenkomende namen en animeert hun positie, grootte, rotatie, dekking en andere eigenschappen van het ene frame naar het andere.
Versoepelende antwoorden "hoe verandert het in de loop van de tijd?" Met Figma kunt u een standaardcurve kiezen, zoals een gemakscurve, een aangepaste kubieke Bezier-curve of een veer. Het versoepelen van de veer wordt gedefinieerd door fysieke instellingen, stijfheid, demping en massa, in plaats van een vaste duur, zodat beweging versnelt en tot rust komt zoals echte objecten dat doen.
Het echte verschil zit in de code. In een product kan een veer starten vanuit de huidige positie en snelheid van een element. Als een gebruiker een overgang onderbreekt of met een blad beweegt, gaat de beweging op natuurlijke wijze door in plaats van te springen. Een prototype-overgang speelt elke keer op dezelfde manier, wat prima is om de intentie te tonen, maar niet laat zien hoe de beweging zich gedraagt onder echte input.
Een Figma-prototype is dus een goede referentie, maar ontwikkelaars bouwen de beweging nog steeds in code opnieuw op. Om de waarden consistent te houden, slaan veel teams de veerinstellingen op als bewegingsfiches. Onze gratis Figma Animation to Spring Converter verandert Figma-versoepeling in veerinstellingen die u in code kunt gebruiken.
Als u wilt dat de interactieve versie het resultaat is in plaats van een referentie, is een tool met runtime nodig. ExodeUI, die wij maken, slaat toestanden, veren en gebeurtenissen op in één bestand dat in de app draait.