Hello. I was wondering if it is possible to have percentage values in variables, like setting percentage value for frame widths or shape sizes (etc.) that have variable modes applied to them? Percentage values could respond better to content that varies within a frame or frames within frames.
Use percentage for size variables
+1 to using percentage across the all variable. Including line-height please.
+1 – Figma features and additions seem to be getting slower and slower as the years get on. Please don’t rest on your laurels as Adobe has been doing for the last 20+ years
+1. Just had this come up with our mobile developers. Percentage sizing would be a very powerful tool for responsive design!
+1 – Figma features and additions seem to be getting slower and slower as the years get on. Please don’t rest on your laurels as Adobe has been doing for the last 20+ years
Ditto this...
Why don’t we have native REM values yet either, with the option to change a base value?
This is basic stuff for web design, and that anyone designing for web (or app) should be using or aware of.
Yes please ! Need this for relative sizing of different components across breakpoints
+1 ! Would need this to set up line height variable
Hi
Yes, you can use percentage-based values in variables, depending on the design tool you're using. Many tools support relative sizing—like setting width or shape size to a percentage of the parent frame—which works great for responsive layouts. If your tool supports expressions or constraints, or if you just need to quickly calculate values manually, this Percentage Calculator is a super handy tool to have on hand.
Let us know what software you're using for more specific tips!
+1 to using percentage in numeric variables. Need this for High DPI scale sizes for Windows graphics and icons.
+1
+1
+1
+1
+1 please oh please. ay, we got an AI site builder or something though. Maybe it will add the feature for us if we ask nicely.
Same request here, I need this to define the line-height of my typescale.
The use of viewport width percentage is very much needed and very long overdue! Please add this!
+1
Would love to see this come to light. Working on some hi-fi prototypes using variables and this one enhancement would simplify so much.
Bump
Uup. Still is a very needed and obvious feature. Why only hardcoded numbers can be used?
Only Figma is able to calculate size in pixels based on %% like:
size = %% / max_size
, because we don’t know the max_size for the layer in responsive environment, so only Figma can help there.
plz plz plz Figma make it happen.
This not being a starting feature 10 years ago was already crazy but still not done to this day is pure nonsense.
Hi
Yes, you can use percentage-based values in variables, depending on the design tool you're using. Many tools support relative sizing—like setting width or shape size to a percentage of the parent frame—which works great for responsive layouts. If your tool supports expressions or constraints, or if you just need to quickly calculate values manually, this Percentage Calculator is a super handy tool to have on hand.
Let us know what software you're using for more specific tips!
When you base text sizing on a variable, you’re basically creating a single source of truth for your scale. A common approach is setting a root value like --base-size and building headings and spacing with calc() or clamp() so everything grows proportionally. It keeps layouts consistent and easier to tweak later.
+1 agree this is needed.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.