Figma Tutorial (& Free File): Trick to Create a Circular Progress Bar Animation

Hi everyone, as for now it’s not possible to animate vector shape differences in Figma, I’m demonstrating a workaround to create a circular progress bar animation in this tutorial. You can also get a free copy of the Figma file here: https://www.figma.com/community/file/... If you like my tutorials be sure to subscribe if you haven’t already and give a like, as I’m going to make more of them.

00:00 Intro
00:26 Creating the donut shape
02:47 Background/mask elements
03:44 Right half BG animation
05:00 Left half BG animation
08:49 Numbers animation

About Channel:
For suggestions, free designs review requests and all feedback:
uix.design.review at gmail.com

This is a channel that’s aiming to create really useful tips, techniques and "Can you check my design real quick and tell me what you think about it please?" kind of reviews about UI/UX design. In other words, minimally edited, friendly, honest (which is why I may sound harsh at times but if I'm reviewing your design, you need my opinions about the points/aspects to be improved more than what I like, right ;) design reviews and tips.

Music provided by HearWeGo (https://goo.gl/nDS3zR)
Artist: Valdhyr
Title: Echoes
Listen on YouTube:    • Valdhyr - Echoes  

Artist: MARION
Title: All About
Listen on YouTube:    • MARION - All About