30 Days of Figma | Circular Progress Animation

Thandiwe Tembo
Sep 15, 2022

--

TLDR | uses smart animate to create a circular gradient loading animation

Review | This tutorial was from Creating a Processing / Progress / Loading Bar animation in Figma by Totopc. Really quick, very simple, working with smart animate, gradients, masks, and object selection features. Overall really simple to follow and an animation you see a lot in products

Reflection | As I mentioned, this is a kind of animation that you see everywhere. It's useful to know and understand how it’s created in Figma. The new part of this for me was actually making that gradient donut shape in Figma whereas the rest is all stuff I have been doing earlier. I switched up the animation a bit from the video but still a solid tutorial.

--

--

Thandiwe Tembo

Designer passionate about creating accessible, inclusive, & impactful digital products that elevate the human experience