Skip to main content

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. 🥳

This feature would be very helpful


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


+1 on this please!


Underline options:


Colour, Gradient fill, Line thickness and Positioning!


+10000

Don’t want to use hacks and workarounds anymore…


+1 here! 🙏


that would be an awesome feature.


+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!


Plus 1 for underline offset and underline css styling.


Still needed 🙂


+1 to dotted underline support!


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 😢)


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.


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.


+1 for this!


Waiting for it too


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


+1 to differently styled underlines.


+1 to differently styled underlines.


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


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.


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


I need dashed/dotted underlines as well.


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


Reply