Skip to main content

Add a Highlighter for Text to the Type Settings


Show first post

53 replies

  • 2 replies
  • April 25, 2024

Please add this feature with highlights


Julian_Ibanez

Please please please!


Roger1
  • 1 reply
  • May 24, 2024

So much wasted time using fiddly workarounds that need manual adjustment every time the text or the container changes. It can’t be rocket science to achieve this. It’s like the dark mode of Strava - and even they are going to get that!


This feature would be very helpful


tank666
  • 4863 replies
  • July 1, 2024

Hi there, who is waiting for the text highlighting feature!

Although this feature has not yet been implemented, 2 years ago I found and published a hack in the Figma Community that allows you to achieve this. You can duplicate and explore the file from this link: Hacked Auto Layout with Multiline Text Highlighted file by Yury Zeliankouski | Figma Community.

There is also another way that I shared in this thread: How to have background colour for text only and not the entire container using auto layout - #4 by tank666.

Yes, this is not a solution, but very complex workarounds that are not stable enough and are error prone.


Matty_Vazquez
  • Author
  • New Participant
  • 29 replies
  • July 2, 2024

Thanks for posting a couple of workarounds for us to try in the meantime!


As a creative ops person, I am begging Figma to implement text highlighting! It’s basic functionality that is present in slides, docs, sheets, html, email, etc.


Julius_Klaus

+1, i’m in dire need of this feature!


Please add this in. Miro has far greater customization options around text tools and I agree with everyone else – this is pretty basic functionality!


Jessica_Banda

Yes please please pretty pleeeease add this functionality! I would also love to see an option to customize the form of the actual highlight (for example adjusting the corner radius).


Another vote for this functionality, please!


+1 Please add this functionality. Highlight word in sentence.


dvaliao
Figmate
  • Community Support
  • 4664 replies
  • August 22, 2024

Hey All, thanks for the feedback and apologies for the lack of acknowledgement here!

We’ll pass this onto our typography team for future consideration.


  • 1 reply
  • August 23, 2024

+1 +1000 This should be basic functionality in typesetting.


Boris_J
  • 1 reply
  • August 24, 2024

+1 for this feature. We need it!


Daniela_Zerlauth1

Yes please. I really need this for my clients. I do crazy workarounds.


Stephen_Deutsch

+1 to this feature. We can really use it!!!


Please we need this :,)


Michael_McCann

+1 for this feature, please!


Alec7
  • 1 reply
  • October 28, 2024

+1 for this feature, me too.


Alan11
  • 1 reply
  • October 31, 2024

Yes please, even as basic a feature as it seems, it would be an incredible update +1


Piper.Canonical

+1, I need this feature as well


tank666
  • 4863 replies
  • November 8, 2024

And again, hello to everyone! It looks like Figma is a little closer to achieving the goal and is almost releasing the feature we need. Now, pay attention: you can create a text highlighter with just 3 layers. I’ve published an update to my file in Figma Community, adding a highlighter v2 component that uses the new method. You can check out and duplicate the file here: Hacked Auto Layout with Multiline Text Highlighted | File by Yury Zeliankouski.


Krystian_Kubicki_Shiji

I found a simple workaround using underline. No components or anything else is needed. You can use one text layer or even create a reusable text style.

Select Text:

  • Go to underline details
  • Change settings to:
    Decoration: Underline
    Thickness: 120%
    Offset: -100%
    Color: 30%
    Skip ink: Off

More techniques, like highlighting with full color instead of transparency, are visible in the file :):

Easy Way to Highlight text in figma


Matty_Vazquez
  • Author
  • New Participant
  • 29 replies
  • December 2, 2024

This is a nice little hack and has the nice side effect of highlighting any text that you underline in a paragraph of text if you apply the underline detail changes to the entire block of text. The only downside is that it can’t do solid colors since the text gets rendered behind the underline. I have also noticed a slight color change of the text that gets highlights because of the same reason. Cool idea 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