Skip to main content
rubiniandco
New Member
March 19, 2025
Question

Binding number variable to a component's text property

  • March 19, 2025
  • 7 replies
  • 875 views

I have a numeric input field as a component, and its value is set as a text property called value. Pretty simple stuff, right?

For prototyping reasons, I want to bind this field's value to a number variable, so I can add/subtract to this value when I press a button somewhere else on the screen. Also pretty simple stuff, right? Well, apparently not. Turns out I just found out that we can't bind number variables to text properties for whatever reason — they don't even show on search results. And since there's no component property of type number, this simple prototyping scenario I'm trying to achieve appears to be impossible. Meanwhile, if I simply remove the value property from my component, then select the plain text layer with the value and try to bind it to my number variable, voilá — now it works. Except it doesn't, because now all my fellow designers will have to manually select and edit their numeric input field's values every time they use this component.

So my suggestion here is either a) simply allow us to bind number variables to a text component property, or b) create a number component property type so we can properly bind them to numeric values in our interfaces and do all the math we need with them in our prototypes. Oh, and while we're at it, please allow for decimals in number variables, too 🙏🏼

7 replies

Tascha
Active Member
May 15, 2025

I came here to further this 👍 Would need that too, even just for testing purposes to make creating prototypes easier - thanks!

César Morel
New Member
May 20, 2025

We're in the same situation. Is there a way to upvote this proposal? We need it for a simple numeric input, such as:
 

Numeric input example

 

New Participant
June 30, 2025

I also really need this for prototyping

Roman_Luks
New Participant
July 24, 2025

I had to detach component to bind number variable to a text layer. 

MNCreations
New Participant
October 17, 2025

Yeah the current work-around for this is really silly and time-consuming. We absolutely need one of the two solutions proposed.

Urmat Alybaev
New Member
February 28, 2026

what a silly limitation… hey Figma, get your stuff together!

西丹特
New Member
May 6, 2026

Use Variables to add simple arithmetic to text boxes. For example:”the number entered in text box a plus the number entered in text box b equals the number in text box c.”