Skip to main content
LuisPaico
February 9, 2021

LAUNCHED: Allow modifying "Decoration" to the text styles already defined

  • February 9, 2021
  • 97 replies
  • 24359 views

One option that could be useful is to allow modifying the decoration of a text that has already been defined as a text style, because that way you do not have to create two or more text styles to simply add the decoration. As with alignment, it could be added below. thanks

Captura de pantalla 2021-02-11 a las 18.43.18

97 replies

Keven_Lupien
February 9, 2021

When you add a link to text it automatically underlines it which is nice, however, in doing so it breaks the current text style that was applied. So if you update that text style the link text doesn’t update. I realize there are a few work arounds but none are ideal:

  1. Re-apply the text style but then you lose the underline
  2. Re-apply the text style and then change the color of the text to make it stand out. This seems like too many steps.
  3. Create a “link” style which includes the underline and apply that after adding the link. Again, extra steps.

It would be great if the links could just leave the text style as is and possibly add a faux underline or give the option to create a new style. I’m not sure what the best solution is as I haven’t put a lot of thought into it but wanted to throw this out there for discussion and possible suggestions.

Brian_Sweeting
March 22, 2021

Yes, I would love if text styles could have overrides just like components. The connection to the style would remain, but the properties of weight, size, underline, italics, strike-through, line height, letter spacing, paragraph spacing, advanced type settings could be overridden. When a style is updated, any property not overridden would get automatically get applied and it would be possible to reset overrides.

herkulano
New Member
March 27, 2021

Love it!

Brooks_Solveig
New Member
April 8, 2021

Came here to suggest the same thing!

adamfishercox
July 21, 2021

Yes! Being able to override individual parts of a text style without breaking the link would be great, just as it works with components. At the very least decorations and capitalization transformations.

Ida_Engmark
July 30, 2021

Been fighting Figma on with this exact thing for a long time now. Specifically for link styling. I’d rather not have a second style just for links.

It seems odd to me that list style can be overridden but decoration not. So I wholeheartedly support the idea of making text styles overwritable in a similar fashion to components.
For those working with Material UI components that would also be a significant help as material component tend to side step typography line heights on a whim.

Thomas_Kaplanek
August 27, 2021

+1 here – I have to break almost all text styles in our project order to display the correct format of elements like this

Justin_Alm
New Member
October 6, 2021

+1 I agree, it’s pretty frustrating to have to break the style just because you want to underline a portion of text.

Kerry_Nehil
November 18, 2021

While it’s possible to override color styles for specific words within a paragraph, it is not possible to override text decorations (underline, strikethrough) without detaching the text style from the entire paragraph.

This might seem like an arbitrary concern, but styling links is a common use case.

Tim_Torres1
New Member
December 9, 2021

Echoing this! We’ve already have had to a full set of permutations for every font size (this is normal/fine) x bold x italic. Adding underline to this would multiply this list x2 for each font-weight.
image

Could try adding a rectangle or line to simulate the border but then you lose auto-layout.