Skip to main content

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

  • January 27, 2021
  • 59 replies
  • 31816 views

Show first post

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:


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.