{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-underline-text-in-figma","route":"/learn/how-to-underline-text-in-figma","canonical":"https://www.layerpath.com/learn/how-to-underline-text-in-figma","title":"How to Underline Text in Figma","h1":"How to Underline Text in Figma","description":"Discover how to easily underline text in Figma with our step-by-step guide. Enhance your design skills and create visually appealing text elements today.","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How to Underline Text in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"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."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm99uaegz0001ic0c8yaj7fuu/tour","canonicalUrl":"https://share.layerpath.com/e/cm99uaegz0001ic0c8yaj7fuu/tour","id":"cm99uaegz0001ic0c8yaj7fuu"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Select the Text"}]},{"type":"text","value":" – Click on the text box or highlight the specific text you want to underline."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Open Text Toolbar"}]},{"type":"text","value":" – Look at the top bar when the text is selected."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Click the Underline Icon (U)"}]},{"type":"text","value":" – If available, click the "},{"type":"strong","children":[{"type":"text","value":"\"U\""}]},{"type":"text","value":" icon to underline."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Use Shortcut"}]},{"type":"text","value":" – Press "},{"type":"strong","children":[{"type":"text","value":"Ctrl + U"}]},{"type":"text","value":" (Windows) or "},{"type":"strong","children":[{"type":"text","value":"Cmd + U"}]},{"type":"text","value":" (Mac) to quickly underline."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Verify Underline Applied"}]},{"type":"text","value":" – Ensure the text now shows an underline visually."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Deselect Text"}]},{"type":"text","value":" – Click outside the text box to view the underline effect."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Adjust if Needed"}]},{"type":"text","value":" – If underline overlaps with descenders, tweak "},{"type":"strong","children":[{"type":"text","value":"line height"}]},{"type":"text","value":" or "},{"type":"strong","children":[{"type":"text","value":"font size"}]},{"type":"text","value":"."}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm99uaegz0001ic0c8yaj7fuu/tour","canonicalUrl":"https://share.layerpath.com/e/cm99uaegz0001ic0c8yaj7fuu/tour","id":"cm99uaegz0001ic0c8yaj7fuu"}],"plainText":["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.","https://share.layerpath.com/e/cm99uaegz0001ic0c8yaj7fuu/tour","Select the Text – Click on the text box or highlight the specific text you want to underline.\nOpen Text Toolbar – Look at the top bar when the text is selected.\nClick the Underline Icon (U) – If available, click the \"U\" icon to underline.\nUse Shortcut – Press Ctrl + U (Windows) or Cmd + U (Mac) to quickly underline.\nVerify Underline Applied – Ensure the text now shows an underline visually.\nDeselect Text – Click outside the text box to view the underline effect.\nAdjust if Needed – If underline overlaps with descenders, tweak line height or font size."]}