Why My Figma CGPA Calculator Shows Weird Results?

Question

I'm building a CGPA calculator in Figma using variables, but it’s giving strange results—any idea why?Hey everyone! 👋So I’m working on a simple CGPA calculator prototype using Figma variables (just for demo purposes, not full logic), and I’ve run into an odd issue. I've set up number keys from 1 to 9, and I'm using a variable called #Result to store and display the user's CGPA or input.Here's the interaction logic I’m using:Every time a number key (say 7) is clicked, I update the variable like this:Result = Result * 10 + 7So, ideally, the input flow should look like: 0 → 7 → 77 → 777 → 7777 → …But what’s happening instead:After a few clicks, it suddenly turns into: 77777776 → 777777792 → -2147483648 😩…and then it stops responding.

stammeredads · Answer

I got the answer from one of my friend. He says that:

You're encountering integer overflow because Figma likely uses 32-bit signed integers for its variables. The max value for such an integer is 2,147,483,647. When you keep multiplying and appending digits (like Result = Result * 10 + 7), the value eventually exceeds this limit, wrapping around to a negative number like -2147483648.

To fix it:

Limit the number of digits—CGPA doesn’t need more than 4-5 digits anyway.
Consider storing input as a string, like Result = Result + "7" if Figma supports it.
Or reset the value if it exceeds a threshold using a conditional check.

This will keep your prototype accurate and responsive!

I think he is right. He is a back-end developer who develop websites and custom tools like CGPA calculator and more. Thanks to him.

Why My Figma CGPA Calculator Shows Weird Results?

Here's the interaction logic I’m using:

But what’s happening instead:

1 reply

Reply

Solved topics

Advanced Autolayout Settings broken?

Request of a refund

Problem about autolayout

Drop shadow is applied, as if the background was not removed.

Export freeze

Cookie policy

Cookie settings

Here's the interaction logic I’m using:

But what’s happening instead:

Reply

Related topics

SOLVED: Interactive components not workingicon

Interactive components not working when nested inside a main componenticon

Interactive components not working in the main componentsicon

Interactive components stop working when using smart animateicon

SOLVED - Preserve Scroll Position (please roll back the feature)icon

Solved topics

Advanced Autolayout Settings broken?

Request of a refund

Problem about autolayout

Drop shadow is applied, as if the background was not removed.

Export freeze

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded

Cookie policy

Cookie settings