Text-style overrides like bold, underline, … won’t work on instances properly, now the instance must be rest for the bold overrides to come though. So a lot of screens needs to be rechecked and manual work is needed everywhere the instance is used.
Any solutions for this?
Hi @Bart_Vlaemynck_Belfius, Thanks for reaching out and flagging this.
I noticed that when an overridden text style on a text layer nested in a component is further overridden in an Instance, the subsequent text style overrides on the component will not be reflected in the Instance. I’ll ask about this behavior internally.
Unfortunately, it appears that we do not have a tool for bulk reset overrides. However, you might able to use Select All with same text properties layers option for bulk selecting and apply the Reset option for those instances. While manual labor is still necessary and I empathize with its difficulty.
Additionally, if your case is not the same as I mentioned above, please consider submit a bug report from here for our support to investigate further: https://help.figma.com/hc/en-us/requests/new?ticket_form_id=360001744374
When you reach out via the form, please provide the following details:
- The email address associated with your Figma account
- Direct links to the files where the issue is occurring, including any related library files, and add support-share@figma.com as an Editor to those files (this will not impact your billing)
- Please provide a recording demonstrating the issue you are facing. Ensure the entire window is visible, including the properties and layers panels. Expand the relevant layer and select the layers you are having trouble with.
We welcome anyone from our community to contribute any alternative solutions or ideas for this issue. Please feel free to share them here!
Thank you once again for reaching out!
Upon internal examination of this behavior, it seems to be functioning as intended.
You can check the details at “Allowing text style overrides” on Figma product news & release notes
We understand your confusion, and feel free to use the “Share an Idea” category to post your feature request if you’d like!
I came across this issue today as well. I set an underline on text within the component and set a text property so that the content can be changed down the line. If I overwrite the text via the properties panel in an instance, the underline goes away. But if I double click into the text or use the text tool to overwrite the content, it stays. I find it weird that it stays in one instance and not another.
Being able to set that underline (or bold or italic) without having to make a style has been helpful as we don’t need nearly as many text styles in Figma, which makes the libraries easier to maintain.
Hello, Thank you for sharing your situation and for your understanding.
We appreciate your feedback!
Ran into this too. This is bad execution. Think of a link component. On hover, I want a change of color and an underline which I build into the variant, however, as soon as a designer adds their text, the underline interaction is broken, this doesn’t make sense. If I go into code and edit link text, it is not going to remove the underline.
Can this be re-looked at @Junko3 ?
Hi @David_McEnroe, Thank you for reaching out.
To better understand the issue you’re describing, it might be necessary for our support team to take a look at your file.
I noticed that you’ve already submitted a bug report on this matter to our support team. Thank you for being so proactive!
For your reference, your ticket number is #1035988 and our technical support team is currently working on it. We appreciate your patience as our support team works to investigate and address your ticket.
Thank you again for your understanding and contribution!
Hey folks,
We are also having this issue, also on Link components (happy to build a MWE in a draft if wanted but I’m sure Figma know how to repro it).
A solution that would work elegantly would be that if the override is applied to the whole text in a TextNode, and the text is derived from a prop, then the override should be preserved as the text prop is modified.
Similarly, if a Link component has no underline on its default variant and has one, through overrides, on its hover variant (please let’s not derail this into an UX discussion 😃), and has custom text through a text prop, the override should be applied too as the instance variant is switched up.
This would prevent the loss of style overrides in the case where it’s clear the override is used to avoid creating many duplicates of text styles.
Cheers,
Attaching a recording for analysis. There are no deep overrides here.
I am facing similar issue and it’s inconvienent to apply underline everytime for texts in instances.
We’re now running into this bug/limitation as well (it’s how I found this thread).
Hope this one is resolved soon. We don’t want to have to add a bunch of extra typography styles (tokens) to our system simply to accommodate an underline for our hyperlinks.
Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.