Skip to main content
UI_Designer2
UI_Designer2
New Member
October 3, 2026

Feature Request: Support Percentage Values for Line Height in Figma Variables

Problem
 

Currently, Figma Number Variables do not support percentage values for line height. This makes it difficult to create a consistent and scalable typography system using variables.

Many designers prefer to define line height as a percentage relative to font size rather than using fixed pixel values. For example, a heading might use 125% line height, while body text might use 150%.
 

Suggested Improvement
 

Please add support for percentage values in Number Variables, especially for typography properties such as line height.

This would allow designers to create reusable variables like:

  • line-height/tight — 120%
  • line-height/normal — 140%
  • line-height/relaxed — 150%

Designers could then apply these variables directly to text styles and maintain consistent typography across their design systems.

Benefits

  • More flexible and scalable typography systems.
  • Easier consistency between font size and line height.
  • Better support for design tokens and design system workflows.
  • Improved collaboration between designers and developers.
  • Less manual work when updating typography across multiple components.

Supporting percentage-based line height variables would make Figma's variable system more powerful and align it better with common typography workflows.

Would love to see this feature in Figma!

    1 reply

    Fiskbulle
    Fiskbulle
    New Member
    October 8, 2026

    I tried setting up a new project using Claude, Figma, and Tailwind. It seemed like a very logical setup: the Figma design serves as the single source of truth and is directly linked to the styling framework.

    A designer creates a design that is translated into HTML based on a design system built using Tailwind tokens in Figma as variables. To my surprise, however, issues with line-height and font weight rendered the entire attempt unusable :D

    It’s embarrassing; after all the hype surrounding variables and Figma MCP servers, it was the simplest thing that didn’t work.

    While we’re at it, looking into text styles might be a natural next step. There has to be a simpler way to set up a design system with text styles that utilize variables and support export and import.

    You cannot expect a team of designers to always choose the exact right style or color every time they create a component or layout. It would be practical to use something like Tailwind for foundational tokens, and build a set of typography and themes on top of that, using styles that reflect the brand. Easy to export and import :)

    Terms & ConditionsAccessibility statement