Calculation formula within variable input

I would appretiate this feature as well!
Scaling items depending on values is one thing I’m working most of the times.

Yeah, It would be great to add calc() function to variables definitions similar to CSS including numbers, colors, and booleans

It will be great to be able to create REM.

My eCommerce prototype contains 3 prices that change based on the user’s choices: monthly price, total price and RRP. Each of these prices is set to a variable, which updates based on the interaction.

Currently to update the 3 prices each choice has to trigger 3 conditions (e.g. if user chooses option A then ‘Total price’=100, ‘Monthly price’=‘Total price’ ÷ 12 and ‘RRP’=‘Total price’ + 10.

It would save a lot of time if I could set these relations in the variables values themselves (e.g. ‘Monthly price’=Total price ÷ 12 and ‘RRP’=‘Total price’ + 10). This would mean that each choice would only need to update the ‘Total price’ and the ‘Monthly price’ and ‘RRP’ would update automatically.

I am looking forward to this as well. It would be super handy and save a lot of time when rescaling things if you could use the variables on things like corner radii.

+1 being able to multiply spacing values by a base variable would save a lot of manual effort

+1 for this. Need this for things like base values and REM, and would also be handy for proportional resizing.

+1
I would like to change radius, and inner radiuses based on a single number. (Mainradius-2)

+1 Would love this feature as well!

+1 from me for defining one variable as the result of a calculation of one or more other variables.

I would also like the ability to apply calculations anywhere a variable can be assigned. Essentially, the flip side to assigning calculations to variable definitions is that instead of requiring multiple variables, one for each calculation, you could have a few base variables and then specify any calculation using them where you need to.

For example, if you have two layers, X & Y, which need to have opposite visibility (i.e. if one is shown/hidden, the other is hidden/shown) I could create Boolean “x-is-visible”, and then apply “x-is-visible” to X and “not x-is-visible” to Y. Otherwise you’d need two variables to accomplish the same thing.

+1 Need this feature to be able to create easy customisable design system

+1 I agree

+1000 we def need this asap. I am trying to set up a pretty large library that will be shared across many lines of business, they all have and want different things like spacing, padding, and corners plus we want to add controls for density which a multiplier would be perfect for e.g. #base-spacing*1.5

+1 for this. Very nice feature to have 👍

+1 from me, too

+1 one more vote for this!!!

To actually properly support measurement tokens, this is essential.

+1 one more vote for this.

any status on this feature?

Would love this feature also!!

This really is a key feature to enable scalable design systems. Would be super grateful if this could be added.

When creating variables, it would be really useful to be able to include maths and text when defining a variable, which are kept up-to-date based on current values.

E.g.
With a shopping basket, I have the following variable
• Subtotal# (numeric)
Into which I add the value of each product selected in the basket.

From this value I would like to calculate
• VAT# (numeric) = Subtotal * 20%, truncated to 2 decimal places

And then display these variables in a currency
• Subtotal£ (String) = “£” + Subtotal#
• VAT£ (String) = “£” + VAT#
• Total£ (# String) = “£” + Subtotal#+VAT#

This way, I could just add/remove the product costs from Subtotal#, and use the strings for display in the prototype.

Hi @Dave_Curtis, my new plugin does exactly what you want, give it a try!
https://www.figma.com/community/plugin/1365339609215368041/dynamic-variables

Here’s the list of your expressions, but with the syntax of my plugin,
just paste these {{ }} expressions into the description fields of the corresponding variables and run the plugin Dynamic Variables → Start Monitoring Changes or Dynamic Variables → Update Once:

• VAT# (numeric) = {{ $Subtotal * .2 }}
• Subtotal£ (String) = {{ "£" + ( $Subtotal ).toFixed(2) }}
• VAT£ (String) = {{ "£" + ( $VAT ).toFixed(2) }}
• Total£ (# String) = {{ "£" + ( $Subtotal + $VAT ).toFixed(2) }}

Hope this helps!

And here’s the video showing how the plugin works in action based on your request:

Hey @A_Gussenberg, I just wanted to let you know that my new plugin Dynamic Variables does exactly what you’re looking for!
Here’s a quick video to show you how it works:

https://www.figma.com/community/plugin/1365339609215368041/dynamic-variables

@Josh_Mitchell your request is super close to this one, I posted video there too:

Let me know if you have any questions!