[Figma Tips] Making Pie / Circle / Arc / Progress graphs in figma without using strokes only shapes.

Поділитися
Вставка
  • Опубліковано 1 січ 2025

КОМЕНТАРІ • 7

  • @uibyanil
    @uibyanil 2 місяці тому

    Thank you to making this stuff... i was stuck that how i work like this. but seeing your video... my problem solved. Thank you mam👍

  • @IsionIndustries
    @IsionIndustries 2 роки тому

    Great tutorial! Love finding these different techniques this is exactly what I was trying to learn. You earned yourself a new subscriber! Quick question you mentioned something about animation not working well with this non-destructive technique. What do you mean by that? I haven’t been using Figma that long (transitioning from After Effects)

    • @totopcYT
      @totopcYT  2 роки тому +1

      Yes animations like filling in the black spaces on the circle graph show it's growing is not possible, you need to do hackky stuffs like using masked shape to simulate that.
      In after effects it's doable you can just change the sweep (Shape Eclipse add trim path > editing the END value) of it, on figma it doesn't animate the sweep change

    • @IsionIndustries
      @IsionIndustries 2 роки тому

      @@totopcYT Thanks for the response! I love learning "hacky" techniques but I am wondering if the hacky workarounds are actually practical when it comes to development handoff. When using workarounds for prototypes cause problems for devs on the backend? Would it be better to make infographic type animations in AE as compared to Figma? I could swap between the two apps but I would rather keep everything inside of Figma.

    • @totopcYT
      @totopcYT  2 роки тому

      @@IsionIndustries You just have to use AE+ Lottie..
      lottiefiles.com/
      Keep in mind that some plugins might not work.. and precomps are kinda borken when exporting it

  • @scheltofeyovanheemstra2849
    @scheltofeyovanheemstra2849 3 роки тому

    You mean stRokes?

    • @totopcYT
      @totopcYT  3 роки тому

      Good catch I've changed it now thanks!