# how to underline text in figma

Viewport: 1910x922 @1.25x

Playback: autoplay=false durationMs=3000 navBar=false arrows=true callouts=true browserBar=false browserTheme=light

1. [Intro] How to Underline Text in Figma
   - body: 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.
   - voiceover: This guide will walk you through the steps to underline text within a Figma project. Follow these simple steps to easily apply underlines to your text layers.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm99uaegz0001ic0c8yaj7fuu/cm99ul3bp00240cl24mwo9552.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
1. step_01 [image] - Open figma.
   - source type: IMAGE
   - description: Step 1: Select the Text
   - target: (1122, 574), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (1122, 574), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Open the Figma application on your computer or navigate to the Figma website and log in to your account.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm99uaegz0001ic0c8yaj7fuu/cm99ul80100260cl24p2gchwc.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm99uaegz0001ic0c8yaj7fuu/cm99uaiio000003huud9qsmuu.png
2. step_02 [image] - Click on the text layer you want to underline. Ensure the text is highlighted in your Figma canvas.
   - source type: IMAGE
   - description: Step 2: Open Text Options
   - target: (724, 473), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (724, 473), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Click on the text layer you want to underline. Ensure the text is highlighted in your Figma canvas to proceed further.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm99uaegz0001ic0c8yaj7fuu/cm99ul80p00270cl2hu020892.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm99uaegz0001ic0c8yaj7fuu/cm99uajl0000103hum438vd0p.png
3. step_03 [image] - In the right-hand panel, find the Text section.
Click the Underline (U) button, or press Ctrl + U (Cmd + U on Mac) as a shortcut.
   - source type: IMAGE
   - description: Step 3: Locate Underline Option
   - target: (803.2797376550868, 478.9307406353332), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (803.2797376550868, 478.9307406353332), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: In the right-hand panel, locate the Text section. Click the Underline (U) button, or press Ctrl + U (Cmd + U on Mac) as a shortcut to underline the selected text.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm99uaegz0001ic0c8yaj7fuu/cm99ul81f00280cl2ae1i9fbe.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm99uaegz0001ic0c8yaj7fuu/cm99uam98000203huxtp8nv0b.png
4. step_04 [video] - Click here
   - source type: VIDEO
   - target: (896, 544), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (896, 544), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - clip: start=7.876 end=12.906 duration=5.03
   - video: url=https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm99uaegz0001ic0c8yaj7fuu/cm99uaeib00030cic0jizgh94.webm speed=2.5 muted=true
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm99uaegz0001ic0c8yaj7fuu/cm99uaeib00030cic0jizgh94.webm
5. step_05 [image] - The selected text will be underlined.
   - source type: IMAGE
   - description: Step 4: Apply Underline
   - target: (749.9722397902217, 491.09141278478853), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (749.9722397902217, 491.09141278478853), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Once the Underline option is selected, the highlighted text will be underlined.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm99uaegz0001ic0c8yaj7fuu/cm99ul82900290cl22qiyhe0n.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm99uaegz0001ic0c8yaj7fuu/cm99uasyt000603hu5jnpfbwd.png
7. [Outro] Congratulations🎉
   - body: You have successfully underlined your text in Figma! Feel free to explore other text formatting options to further enhance your design.
   - voiceover: You have successfully underlined your text in Figma. Continue exploring other text formatting options in Figma to further enhance your design.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm99uaegz0001ic0c8yaj7fuu/cm99ul5fc00250cl2dbwuhdr5.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM

Source: https://share.layerpath.com/share/cm99uaegz0001ic0c8yaj7fuu/tour