Semi-Circle Rings

[quartz tapir]

Hey @empty island You can do it this way

[empty island]

That's absolutely brilliant. Thank you so much :)
(You helped me last time too, thanks so much as always)

[empty island]

What would be the best way to animate this correctly?
I have my layers set up correctly, but I'm having trouble getting the animation itself to be correct.

The circle just jumps over and the arc just fades in from 0 alpha.
Using an arc with rounded corners also doesn't work as it doesn't respect having circular ends (it gets misshapen and doesn't even want to animate).

[empty island]

I've also tried making a component with the same effect in mind, but I still get the same issue with the segments just jumping in instead of being properly animated

[quartz tapir]

With Figma its a bit tricky, they dont really have the option for that easily (though maybe some plugins can help). But I found this tutorial in case it would work for you https://www.youtube.com/watch?v=_eBzKeOsaDs

[empty island]

Yeah, it certainly is a bit tricky. I did try following that guide, and even tried using masks, but I just can't get the rounded corners that way while still having an animation. I think I'm just going to have to use some different software altogether as of now. Hopefully that changes in the future, as being able to animate arcs easily would be an amazing addition.
Thanks so much for the help :)

[quartz tapir]

You can check if other plugins could let you do it though. For example figmotion might be able to help or jitter. There are lots of animation plugins out there

[empty island]

Wow, that's really great to know

I'll definitely check out some plugins