Guide

How to Underline Text in Figma

This guide provides a step-by-step process to underline text in Figma. Follow these simple steps to add underline formatting to your text elements.

Interactive tour · Open canonical tour
  1. Select the Text – Click on the text box or highlight the specific text you want to underline.

  2. Open Text Toolbar – Look at the top bar when the text is selected.

  3. Click the Underline Icon (U) – If available, click the "U" icon to underline.

  4. Use Shortcut – Press Ctrl + U (Windows) or Cmd + U (Mac) to quickly underline.

  5. Verify Underline Applied – Ensure the text now shows an underline visually.

  6. Deselect Text – Click outside the text box to view the underline effect.

  7. Adjust if Needed – If underline overlaps with descenders, tweak line height or font size.