Skip to main content

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


Show first post

57 replies

Petr_Sigaev

This feature would be very helpful


Hanna_Preston

Definitely would love to be able to use this feature, as well as offset stroke on underlines


Nick71
  • 1 reply
  • September 11, 2023

+1 on this please!

Underline options:

Colour, Gradient fill, Line thickness and Positioning!


dennsi
  • Active Member
  • 257 replies
  • September 13, 2023

+10000
Don’t want to use hacks and workarounds anymore…


+1 here! 🙏


Vlad37
  • 3 replies
  • September 18, 2023

that would be an awesome feature.


Andrii_Atom

+1 here for underline styling!


If I create multiple typographic styles, I find it bothersome that I then have to create yet more styles to add very simple touches to them, such as underlines or line-throughs. I don’t believe I should have to create brand new styles just to simulate a simple link, nor should I have to break an existing style to achieve it.

Is there a way you can easily modify a style to have an underline but not break the link to the original pre-defined style?


+1 for underline parity with CSS!


Helge_Wadewitz

Plus 1 for underline offset and underline css styling.


Dsgn
  • 2 replies
  • December 6, 2023

Still needed 🙂


Tina_Yeung

+1 to dotted underline support!


RobKovacs
  • New Participant
  • 5 replies
  • January 26, 2024

I think I may have found a workaround, at least for dotted or dashed underlines.

Here’s a demo file to just get a look:

Figma – 26 Jan 24

Writing this all out was taking too long, so I made a video instead:

(sorry the audio quality isn’t great 😢)


Niklas_Larsson

Pretty new Figma user here, coming from many years of designing mostly typographic designs in Indesign, I find Figma very limited. I don’t think it’s unreasonable to expect to be able to do all the “basic” styling that’s possible in CSS styling.
Underline thickness, offset, etc. These are definitely basic in my world.


Thyago_Furtado1

I’m looking for this functionality. It’s not practical to use components on certain cases. Here’s an example:

I have recurring keywords sprinkled on random spots in paragraphs. Those keywords are hoverable and show a tooltip. I want an affordance to make it clear for the user that those words are hoverable, and such affordance could be the dotted underlines. So I’m looking to select spacific keywords within a paragraph and apply a “dotted underline” style to them.


Navid_Zaman_Dhrubo

+1 for this!


Agathe_Mametz

Waiting for it too


Brian_Erickson

+1 Need to support CSS properties for weight and offset.


+1 to differently styled underlines.


Ekaterina_Zhuchkova

+1 to differently styled underlines.


Hemanth_Valsaraj

+1 to differently styled underlines. Please bring this soon.


Alex_Robson

We definitely need these, until every Styling option that can be applied to text in Figma is added to the great new variables options, it is. not usable as a complete UI system. Text decoration values like underline, slashed, uppercase, are all vital parts of out text style system. Would love to see these be added along with REM/EM support or at the very least percentage support for Line Height & Letter Spacing.


Tony_Molinero

+1 to style-able underlines. Can we get them if you make AI do it?


Philip_Williamson

I need dashed/dotted underlines as well.


Tony_Haddon
  • New Member
  • 2 replies
  • August 29, 2024

Can’t find it. A link would help, if you can post here pls.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings