Apr 25, 2019 · Figma will now distribute extra line height above and below letters, and it will measure line height in a more modern way. It’s a purely optional change — none of your existing files will change in any way, and you can choose whether to update old text at your own pace.

Line height. Line height allows you to control the vertical distance between lines of text in a paragraph. This can help to balance designs and improve the readability of your copy. This is the same as line spacing. Small line heights can make text difficult to read.

Sep 6, 2023 · In this article, we will explore how Figma calculates and displays line height, providing you with insights that will help you create visually appealing and user-friendly UI designs.

Sep 21, 2023 · When Figma line height is set to Auto, does anyone know how that’s calculated? Is it the typeface/fonts default line height? Or does Figma set it to a set value eg 1.5 of the font size?

Nov 8, 2024 · In my Figma file the line height for a text box is always in %, but it’d be better for me to control the numbers in px. Is there a way to toggle it? I k...

May 26, 2023 · It really depends on the font, but I’ve found a good place to start is 150% for body text and 120% for headings. Then see how that looks and tinker from there. Depends on font you using, if you using older fonts like Arial, Helvetica (btw don't use them) their default line height is so low, you need to set higher values for them.

Oct 7, 2023 · In this Figma tutorial, learn how to change line height in Figma. You can easily adjust line spacing in Figma in the Text panel!Use Figma for free 👉 https:/...

Nov 14, 2022 · You can use percentage in CSS, or use a ratio (for example, 160% line height could be line-height: 1.6). Then you can make the font size whatever you want and the line height will be correct.

Effortlessly set and customize text line-height based on font size with flexible formulas—perfect for precise typography adjustments in Figma. Dynamic Line-Height Calculation: Automatically set line-height based on the selected text's font size using customizable formulas.

Sep 29, 2022 · The first way to change the line height in Figma is to use the “Line Height” setting in the Text section of the Inspector panel. This setting allows you to set a specific line height for your text, and you can enter either a number or a percentage.