Ran into needing inline block components again today…

Figma desperately needs inline and inline-block auto-flow support

+1
Only just started using components recently but have already ran into this problem. It is very frustrating to find out there is no work around!

+1

This is so essential!

How other way can we get images inline in multiline textbox inside a component?

+1 

This would be very helpful for the templates I create for web / advertising that have in-line call to actions, like an brand styled arrow.

Not having this is completely killing my ability to work on what feels like a rather basic component where a paragraph is preceded with a label element at the start of the text. I have to manually indent the text to make room for the label, which is kind of fruitless when the label is a component that could change length, and then I have to update the amount of indent in every single component instance. 

This feels incredibly silly. I do not enjoy it. 

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

+1

+1 I would really appreciate this as well. 

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.

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.

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!

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

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. 

+1

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

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.

Same here +1

+1

+1

+1

+1

How’s this one tracking, Figma?

+1 

same here. still no solution? :/ 

+1

An essential step to bringing editorial design to Figma!

+1

Vector brushes are nice and all, but how about we get basic functionality like this out of the backlog?

 

This is what we need. Inline-block or inline-flex would be nice to have. 

Even the related topics section on this page accomplishes what we as designers need to do in Figma.