Skip to main content
Question

Binding number variable to a component's text property

  • March 19, 2025
  • 5 replies
  • 339 views

rubiniandco

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 🙏🏼

5 replies

Tascha
  • Active Member
  • 34 replies
  • 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
  • 1 reply
  • 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
  • 6 replies
  • June 30, 2025

I also really need this for prototyping


Roman_Luks
  • New Participant
  • 12 replies
  • July 24, 2025

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


MNCreations
  • New Participant
  • 6 replies
  • 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.