Skip to main content
Oli8
New Participant
August 23, 2023

Components in text

  • August 23, 2023
  • 80 replies
  • 7598 views

Hello,

it would be nice to have the option to insert floating components inside text (like Emojis).

Use case would be for signs or infos in complex dashboards. Its a hustle to do this now manually and also set kind of boundingboxes to sync different heighs of text and component.

Regards

80 replies

John Niedermeyer
New Member
March 11, 2025

+1 this would be so helpful, especially in fields (trailing cursor), or an inline link to show/hide the rest of a text field. 

JB-C
New Participant
March 28, 2025

+1

David Hjortsberg
New Member
March 28, 2025

+1 I would really appreciate this as well. 

Jakob_Behrends
New Participant
April 2, 2025

different use case same dilemma: i want to use string variables to get “Error: copytext” Where “Error” is one variable, “ : “ is just text as it needs no translation and “copytext” is individual variables depending on use case. would be nice to be able to combine variables into one text layer. like “{variable1} : {variable2}”. Now i would only need the ability to apply different text styles to variables :D 

anyway, being able to put text layers “inline” would also solve my issue.

john-mainboard
Active Member
April 2, 2025

We just need DISPLAY Inline mode, then we can even add textboxes and add Prototype links to those parts to other pages, because currently TEXT links can’t link to other frames, just http links.

Matthew_Ryan
Active Member
April 2, 2025

This is a pretty significant need. There are a lot of use cases for this. For example, we have a link component where text can go to multiple lines and the last line has an arrow icon at the end of it. There does not seem to be a way to do this in Figma. Kind of funny since inline images are the default way HTML treats images and you actually have to apply CSS styles to make them not inline!

Daniel_McFarland
New Member
April 3, 2025

Glad to see I’m not the only one asking about this. Please make this happen!

john-mainboard
Active Member
April 3, 2025

This is a pretty significant need. There are a lot of use cases for this. For example, we have a link component where text can go to multiple lines and the last line has an arrow icon at the end of it. There does not seem to be a way to do this in Figma. Kind of funny since inline images are the default way HTML treats images and you actually have to apply CSS styles to make them not inline!

this is my current (awful) work around. You make the text section and auto-layout so it matches the text box size. Then add a frame inside for the hyperlink/emoji/component and position it using the Ignore Auto-Layout icon in the Position section (looks like a square with extra 4 corners). Then you can add whatever you like to this frame. It’s awful because each time you edit the text, you have to fix the “position”. You can make it at least be a bit clever, because Figma does honour the “right” and “bottom” alignment, so if it’s always bottom, right spaced away from the margin, then it will “lock” to that corner. Another way would be to use the auto-layout and align it with negative spacing to overlap and then use bottom, right to get it to the bottom corner. These are both just awful work arounds for inline text that has been in HTML since the beginning. 

Anshul Sharma
New Member
April 4, 2025

+1

A bit shocked and disappointed that such a basic feature is missing tbh

Sklim2004
New Member
April 26, 2025

We REALLY need this feature. I want to add a “… read more” button at the end of a paragraph, so users ca expand a preview into the full text. However, my only option is to create a component in a new line below/next to the paragraph, which takes up way more real estate on the screen.