Skip to main content

Hello Community,


I was wondering if it is possible to calculate numeric values within numeric variables. When creating a desing system i want to have a base layer of numeric tokens derived from the value of 1 REM equal to 16px


number-100 (for the 100%) would then equal 16. If i want to achieve 8 px number-50 would be {number-100}*0.5.


By doing this i only have to change the value of the number-100 to change the entire system. This has proven itself beneficial when working with the same components for a sub brand or a different client. Change the root in one value and let the logic do most of the rest. This works perfectly fine in Tokens studio and would also be a huge asset to the variables in Figma.


Is this already possible? Please let me know in this case!

I would really like this functionality as well. This is the value of variables in the code. I would like to build our variables as we have them in the code where I have text-base-size = 16 and then I would like text-size-a = text-base-size * 0.8. I can’t get this to work yet, but I hope it does in the future!

Terms & ConditionsCookie settings