Have you ever wondered how to underline text in Figma? If so, you’re in the right place! This article will guide you through the process, step by step, using simple language that even a 6th grader can understand. Let’s get started!

Getting to Know Figma

Before we dive into the process of underlining, it’s important to understand the basics of Figma. Figma is a powerful design tool that allows you to create stunning visuals for your projects. One of the key tools in Figma is the ability to create and manipulate text.

What is Text Decoration in Figma?

In Figma, text decoration refers to the additional features you can apply to your text. This includes underlining, strikethrough, and more. These features can help you emphasize certain parts of your text, making your designs more engaging and effective.

How to Underline Text in Figma

Now, let’s get to the main topic of this article: how to underline text in Figma. Here’s how you do it:

  1. Select the Text Layer: First, you need to select the text layer that you want to underline. You can do this by clicking on the layer in the layers panel.
  2. Access the Type Settings: Once you’ve selected the text layer, go to your properties panel on the right. Here, you’ll find three dots in the text area. These are your type settings.
  3. Choose Underline: In the type settings, you’ll see an option for “decoration”. Click on this and select “underline”. This will underline all of your text.
  4. Underline Specific Words or Phrases: If you only want to underline certain parts of your text, you can do this too. Simply double click on your text layer, highlight the words or phrases you want to underline, and then click on “decoration” in the type settings.

And that’s it! You’ve successfully underlined text in Figma.

Additional Tips for Working with Text in Figma

Working with text in Figma can open up a world of possibilities for your designs. Here are a few additional tips to help you get the most out of this feature:

  • Experiment with Different Fonts and Styles: Don’t limit yourself to just one font or style. Try using different fonts and styles to create unique effects in your designs.
  • Use Keyboard Shortcuts: Figma has a number of keyboard shortcuts that can speed up your workflow. For example, you can use Ctrl + B to quickly bold your text, or Ctrl + U to underline it.
  • Practice: Like any new skill, the more you practice, the better you’ll get. So, don’t be afraid to experiment and try new things.


Learning how to underline text in Figma is a valuable skill that can greatly enhance your design capabilities. With this simple guide, you should now have a good understanding of how to do it. So, why not give it a try? Happy designing!