Functions of the Text Menu in Figma

The Text has more functions than you think that can be pretty useful, and we tend to forget they exist. This tutorial will explore the Text Menu and its different functions. 

The Menu Text 

Let’s see first the menu text -that you will find on the right side of the screen- it’s all about. In this menu, you can change the color of the text, you can change fonts, you can play with space and alignment, and of course, change the Text size. Let’s see each.

The Boldness Tool

Play with how thick you want the text to be; that’s the ratio. Below the Fonts option, you will find a dropdown menu display, allowing you to choose between thin, light, regular, medium, bold, and black. Some fonts will have all the options available, and some not. That will depend on the Font Family.

Shortcut to increase and decrease the boldness of the text

  • Hold Option/Command and < to increase or > to reduce for Mac
  • Hold Ctrl/Alt and < to increase or > to reduce for Windows

The Scale Tool

Next to the Boldness Tool, you have the Scale Tool, which will allow you to play with the size of the Text. You can adjust the font size in 3 ways:

  • In the field, enter the size you prefer
  • Manually use the arrow to select a default font size
  • Use the shortcuts with the keyboard
  1. Option/Command and < to increase or > to decrease for Mac
  2. Hold Ctrl/Alt and < to increase or > to decrease for Windows

The Spacing and Stretching Tool

The Spacing tool function is to modify the line spacing in a paragraph or the characters in the text. Both features are next to each other in the Text Menu. To modify it, simply click on the field and add a number for spacing, or move the mouse left and right to change the value. The Stretching Tool’s function is to stretch the text appearance. 

We will end this one here. If you want to learn more, we will explain more Functions of the Text Menu on How to Use the Paragraph Function in Figma

Read The Previous Lesson
Read The Next Lesson