Text case resize inside instance possible?

Ask the community
1

Hello Figma friends,

I love the tool and I use it on a daily basis, very powerful!

I have a specific case for a tooltip. I have created the master component with the specific style and I also have a text box inside as dummy (lorem).

My colleagues want to be able to change the text case size as needed for their projects, but I also want to have control over the master component. If I decide to change the color of the tooltip, I want this to also affect my colleagues instances wherever they used it.

The problem is that they cannot change the text box size of the instances they are using. So if they detach the instance, whatever change I will do in the design system will not affect their assets.

I know I can create instances of the component, but I really cannot resize the box to all their needs, that would be madness, haha.

Attached is the example of what I am trying to achieve.

Thank you very much in advance for all the answers and help!

Alex

tooltip
tooltip1910Ă—763 92 KB

1 Like
2

Hi @Alexandru_Grigoras! If I understand correctly, then you need to set the “body” frame and text layer to “Fill container” horizontally. This way, designers can change the width of the instance, which will also affect the change in the width of the text layer.

1 Like
3

Hi @tank666 , thank you very much for the reply.

Yes, you’re a magician! HUGE THANKS!

Below are the settings for all the layers, maybe someone else needs this someday.

Under Resizing tab, on the right panel:

  • For the “Tooltip / Up” layer: width (Fixed width) and height (Hug contents)
  • For the “body” layer, inside the “Tooltip / Up” layer: width (Fill container) and height (Hug contents)
  • For the text box (marked with the T symbol), inside the “body” layer: width (Fill container) and height (Hug contents)

Ha, by the way, I always smile when I read “Hug contents” :grinning_face_with_smiling_eyes: , fun naming!

Cheers,

Alex

1 Like