How Do I Change the Line Height in Figma?

Figma is a popular design and collaboration tool for creating user interfaces. It allows designers to quickly create, edit, and share designs with others in the same workspace.

When working with text in Figma, one of the most common tasks is adjusting the line height. This can be done using the Text Properties Panel or by manually adjusting the font size.

Using the Text Properties Panel

The Text Properties Panel is located in the right-hand sidebar and consists of four tabs: Font, Formatting, Spacing, and Alignment. To adjust line height, select the Formatting tab and use the Line Height slider to adjust the spacing between lines.

The slider ranges from 1 to 5 with 1 being single-spaced and 5 being double-spaced. You can also use the Plus (+) or Minus (-) buttons to fine-tune your setting.

Manually Adjusting Font Size

If you want more control over line height, you can also manually adjust individual font sizes for each line of text that you want to adjust. To do this, select a line of text that you want to adjust.

In the right-hand sidebar under Fonts & Styles, click on Edit next to Font Size and enter a new size value. You can also use keyboard shortcuts (Ctrl+Shift+< or Ctrl+Shift+>) to increase or decrease font size in increments of 2 points.

Conclusion:

Changing line height in Figma is an easy task that can be done either by using the Text Properties Panel or by manually adjusting individual font sizes for each line of text. With these methods, you will be able to quickly and easily customize your design without having to worry about formatting issues.

In conclusion, changing line height in Figma is easy if you know how to do it correctly – either using the Text Properties Panel or by manually adjusting individual font sizes for each line of text. With these methods at hand, you will be able to customize your design without any hassle!