Skip to main content
Question

Creating a weight scale prototype


Hi, I am trying to create a weighing scale prototype. I am attaching a screenshot for reference. I want the number to change as a I drag the weighing scale below. I tried giving number variable to it and gave a drag interaction to the scale but it’s increasing unevenly not smoothly.

This topic has been closed for replies.

4 replies

y_toku
Figmate
  • Community Support
  • 2545 replies
  • May 13, 2024

Hi there,

Thanks for reaching out! If you set “on-drag” animation, I guess it should work perfectly. Could you share the screen recordings or file link with us so we can check the behavior?

Additionally, I think this YouTube looks helpful even thought it’s not using Variables:

Numbers Counter Animation Figma tutorial | Numbers Slider animation|Numbers Counter Animation Figma tutorial | Numbers Slider animation

I also hope other community members share their insights as well!

Looking forward to hearing from you.

Thanks,
Toku


  • Author
  • 4 replies
  • May 13, 2024

I don’t want the numbers to change as a scroll.

Figma – 13 May 24

This is the file link


y_toku
Figmate
  • Community Support
  • 2545 replies
  • May 24, 2024

My apologies for the delayed response. Have you already found a solution?

From what I observed in the prototype, one reason for the uneven increase might be that the variable increments by 0.1 each time you drag the layer. A possible solution could be to create frames connected by smart animate instead of using variables. I know it’s not a perfect solution.

I also hope other community members can join this thread and share their insights for a better solution. I’m curious as well.

Thanks,
Toku


  • Author
  • 4 replies
  • May 24, 2024

But if I do it like that. Then for even 1 kg increase I will have to make a lot of frames.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings