Figma Support Forum

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

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 :+1: :+1: :+1: for this feature!
We hope to see it supported one day in Figma. :partying_face:


For short one-line texts, you can simulate any sort of underline with auto layout. But for more complex texts, that won’t be possible. You will need to manually place underlines under words.

I think it would be better to turn this post into a suggestion and put it in the #product-ideas category so people can vote for this change. Feel free to edit your post for that. :slight_smile:


Thanks for the suggestion! Moved to the Ideas section.


Can underline styling be added? There are a number of CSS styles that can be applied, and unfortunately, none are exposed to the designer. As text links can be added in designs, it is important for those designing interfaces to ensure that they are styled correctly - the default one in Figma is very feint. and closer to the text than most browsers.

Voted! This would help bridge the gap between figma and CSS/build. Please figma :slight_smile: