Skip to main content
Connect_Team
January 27, 2021

Dotted, dashed, etc underlines (text-decoration-style) support

  • January 27, 2021
  • 59 replies
  • 32401 views

Hi, Figma community!

It would be great to support dotted/dashed underlines in Figma.

In CSS, it’s supported through the text-decoration-style attribute - see [text-decoration-style - CSS: Cascading Style Sheets | MDN].

Please vote 👍 👍 👍 for this feature!
We hope to see it supported one day in Figma. 🥳

59 replies

David_Simpson
New Participant
August 29, 2024

+1
Our links underline use a different colour to the text, a custom offset value and weight, all available as design tokens. Would be great to be able to use figmas text decoration to apply all those as variables and not have to hack my way around this!

jamiefang
New Participant
September 26, 2024

+1

Need to support text-underline-offset & text-decoration-thickness
It would be great to specify them as a fixed length (pixels).

For me, text-underline-offset is P0, text-decoration-thickness is P1.

Burak_S
October 27, 2024

+1 need wavy and dotted underline style

David_Simpson
New Participant
November 8, 2024

Hi the new text decoration settings are a great step forward and so close to spot on.
My enhancements requests are:

  • please can thickness and offset accept variables
  • please can offset accept ex as a value…and so able to accept a variable with ex as a value
  • I need a solution for highlight, in the absence of a highlight setting, I hoped underline could be used with a negative % offset and a large % thickness. Unfortunately underline goes covers the text rather than going under it, so I can’t do that! My ask is, please can we get highlight now? 😀 Thanks
tank666
November 8, 2024

Yes, now it is possible. More details:

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
David_Simpson
New Participant
November 8, 2024

yeah cheers ive grabbed that. your v2 seems like the best solution atm. Hoping Figma will add soon as a fast follow to the decoration features. Would be nice to apply highlight styling to text without having to use a component with a hack to do it, making applying a highlight within a paragraph much simpler.

Aleks
New Participant
November 28, 2024

It’s great that underlining styles have appeared. I would like to see a dashed
style.

Hanna T
New Member
July 28, 2025

Gradient support would be neat. 

Kalai_design
New Member
September 26, 2025

We need dashed underlines as well. Currently in Figma Text underline have Solid, Dotted and Wavy. Addition to that dashed required with adjust no of dash and gap.