Animated donut chart with odometer counter in Figma скачать в хорошем качестве

Animated donut chart with odometer counter in Figma

Join me for animating circles and scrolling numbers in Figma to create something beyond a static chart on the page. Message to my viewers: Mistakes happen. I realized at 15:47, I advised you to detach the components so they remain static on Frame 1. This is bad advice because detaching the component is not necessary at all. You can simply select the component and remove the interaction in the right side prototype panel by clicking the minus sign. This achieves the same thing but keeps the component intact if you need to make changes to the components later. Then any changes will occur globally across all of the instances of that component. Detaching will separate it from this relationship. 7:42 - Animating the numbers 10:45 - Putting the pieces together 11:43 - Animating the other direction 14:24 - Renaming multiple layers at once 15:33 - Bringing it all together for the finale