Skip to main content

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


Show first post

96 replies

Zagami
  • 3 replies
  • September 1, 2022

Also voting for this, I find it almost absurd that this is not possible already. It really slows down the work and clutters styles list.


Jesse_Thompson

Came here to suggest the same thing. My use case is that I’m simply trying to make our links have black text with red underlines. I’d love to be able to control the colour of text underlines.


Amy_Schultz

Yes, please! I’m coming over from InDesign learning Figma and it’s absurd to me that this isn’t a capability. Seems like a basic override, which would be so helpful.


Marine_Choquet1

Same need here for underline - links !


jparis
  • 1 reply
  • October 17, 2022

➕ 1 for this feature. Breaking inside a design system is a pain when we release any font updates.


Tamara_Harutyunyan

yes, please!


EJW
  • 2 replies
  • October 21, 2022

+1. Let us style “underlines” like we would in CSS (e.g. different color than text etc.) and override styles to accommodate “decoration.”


Oyvind_Johannessen

+1 from me as well. May be introduced as a property-like-thing on text-styles.


Uwe
  • 1 reply
  • November 15, 2022

+1 struggle is real! 😉


Phill_Cresswell

+1! Being able to apply maintainable text style overrides would really help keep the integrity of our design system. In addition to underlines, being able to override font weights / styles (for mid-sentence emphasis text) in the same manner would be particularly powerful.


nedim_marbles

Hey !

Don’t know if anyone is still trying to find a solution. But I may have a workaround. Maybe someone already find it… but just in case, here it is.

For example, if you wanna add an underline to a text on hover without detaching the text styles ; you can put the text into an auto layout frame and add a border bottom to your new created frame.

Hope it helps somebody 🙂


Margot_Gabel
  • Active Member
  • 47 replies
  • December 19, 2022

This feature would make our developer team very happy! To keep our text styles neat we do not want to create a separate style for every main style just to get underline or italics…


bombadillo
  • 25 replies
  • December 19, 2022

Needing this solution! Our text styles are used for a variety of things. The same style used for a paragraph on desktop might need less line spacing on mobile.
It’s driving me crazy that I can’t just simply adjust some of these things. Why would the case or alignment be an option to customize, but not the line height or any of the other common text customizations?


  • 1 reply
  • December 29, 2022

How is it 2023 and they still have not released an update for this??


Will_C
  • 4 replies
  • January 3, 2023

Echoing other people’s frustrations, managed text style overrides need to be available. What is this 2022?


Will_C
  • 4 replies
  • January 3, 2023

Would be great if someone from Figma could respond to this thread.


Fernando9
  • 1 reply
  • January 11, 2023

+1 Please do it already =)


Cheryl_Lemoine

Holy geez, this has got to be implemented!! Figma, are you listening to this thread?? Running into this exact issue building our design system. I echo the comments that it’s ridiculous to have to either build in underlines in another font style OR break the link to apply them… /mutters to herself “I can’t believe this is a thing…”


Diana_Pop
  • 1 reply
  • January 17, 2023

+1 this - it would help sooooo much to have this!


Bauke_Schildt
  • Active Member
  • 57 replies
  • January 25, 2023

If this is still something you need, instead of doing this manually, you should use the subscript unicode character for that. Most (but not all) fonts support this.

Char Description
subscript 0
subscript 1
subscript 2
subscript 3

CO₂

Same for superscript:

Char Description
superscript 0
¹ superscript 1
² superscript 2
³ superscript 3
superscript 4

herkulano
  • 2 replies
  • February 5, 2023

Yes, yes and yes!


James_Mckernan

+1 Needs to be fixed!


dennsi
  • Active Member
  • 256 replies
  • February 15, 2023

Also this:
Once a text style is applied all type settings that are inseperable from the style are hidden in the menu (left screenshot). Case still appears in the menu list but it should be hidden as aswell since it breaks the style and cannot be changed independently.
Feel free to vote here:


Ryan_Hudson-Peralta

This works until the text wraps


Tomas_Kvasnicka

Usually, this is the problem for body text styles (paragraphs) where you often need to add not only strikethrough and underline but also bold, for example.

The system solution would be to introduce text style variants or parameters, just like components have it. For example, the design system creator might decide that an H1 headline would allow only one possible variant (because you don’t want your designers to change it), whereas the Body text would offer more variants (e.g., regular, bold, underline, strikethrough).

Right now, we have 5 different sizes for Body text in our design system (Body 1 to Body 5). Each of them has separate styles for regular and bold weights, i.e., 10 different styles (not to mention mobile versions). When we need strikethrough or underline text, we have to detach the style because that is less painful than having 40 different text styles. It is still very painful, though.


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