Skip to main content
Solved

Dashed underline for text that spans multiple lines

  • October 5, 2023
  • 3 replies
  • 2750 views

Teresa7

Hi, I’m trying to create a text button that is styled in a way where there’s text at the top and underneath the text there’s a dash underline. So similar to a link, but slightly different because it uses a dashed underline instead of a solid underline.

The problem is, if I have text that spans across multiple lines, the dashed line doesn’t go underneath the two lines, it only goes underneath the bottom of the frame. I can’t seem to figure out a way in Figma to make it span across two lines. I used a dashed bottom border in Figma. See example below:

image

Is there a way to get the dashed underline to appear in both lines in Figma? Like in the example above I want the dashed underline to appear under both the “Button” text.

Best answer by Nate_G

I don’t believe there is a way to do that currently. The only text decorations that will run multiple lines are underline (solid line) and strike-through.

This topic has been closed for replies.

3 replies

Nate_G
  • Power Member
  • 180 replies
  • Answer
  • October 5, 2023

I don’t believe there is a way to do that currently. The only text decorations that will run multiple lines are underline (solid line) and strike-through.


djv
Figmate
  • Community Support
  • 5211 replies
  • October 17, 2023

Hey Teresa, Nate is correct, but this is on our radar! Feel free to add your feedback for the team and vote here:


Seamus_Leonard2
  • New Participant
  • 8 replies
  • October 6, 2024

How is the feature progressing? Its difficult to use the tool when it doesn’t have bases css text style parity