How to Underline the Text in Figma
- George Apostolov
How to Underline the Text in Figma: step-by-step guide
Inside your Figma design canvas, find and select the text layer you want to underline.
Following that, head over to the right-side panel and click the 'Type Settings' icon under Typography.
Find 'Decoration' from the list of options under the Basics tab.
Subsequently, click the 'Underline' icon.
After completing these steps, the underline effect will be added to the selected text layer.
Quick answer: To underline text in Figma, first select the text layer on your design canvas. Next, click the Type Settings icon in the right-side panel's Typography section, locate Decoration under the Basics tab, and select the Underline icon to apply the effect.
About this Figma tutorial
Add an underline to your text in Figma by selecting the text layer, opening Type Settings, and choosing the Underline option in the Basics tab. This guide shows how to underline the Text in Figma in 5 steps, starting with "Inside your Figma design canvas, find and select the text layer you want to underline" and finishing with "After completing these steps, the underline effect will be added to the selected text l...". The interactive demo above is a click-through copy of the real Figma interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to underline the Text in Figma?
5 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Figma data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Figma. Related guides: How to Undo a Component in Figma, How to Undo Changes in Figma and How to Ungroup Objects in Figma. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
