Skip to main content
Stephanie_Smith
November 12, 2021

Add the ability to wrap text around objects

  • November 12, 2021
  • 54 replies
  • 26430 views

There’s currently no way to wrap text around an object like an icon, spot illustration, or image.

The only solution is to manually break the copy into 2 text boxes and add the second one underneath the icon.

We had big plans for our design system to include scaled variants of components where text would need to wrap around icons and spot illustrations to save screen space. So not having this feature makes it hard to design for accessibility and see how components will scale. It’s a little tricky to get the line height right, and also means we can’t easily add scaled variants to our existing design system library. It’s also stopping us from creating a plugin where designers could stress test their designs with larger accessible fonts.

Would be great if Figma could add this as a feature.

Has anyone else had this issue? Is anyone using a plugin or workaround to help solve this?

54 replies

Hetvi.Patel
New Member
April 23, 2024

Would love to have this feature. I have multiple use cases of it with long links which wraps on small breakpoints but the icon needs to be moved manually. To do that I always to do detach the component and then it gets hard to keep track of it.
Screenshot 2024-04-23 at 2.07.02 PM

Andreas_Petrov
New Member
May 14, 2024

Would really like this feature for inlining icons when I design card games.

Piet_Alberts
June 12, 2024

Please Figma, this would be such a useful feature. The ability to position an icon inline after the text would be fantastic. This text field component in our shared library gets used thousands of times and manually inserting glyphs is a real pain in the behind.

Wenzel
New Participant
June 26, 2024

I think this feature request could be rephrased. I believe that textareas that are not rectangles is what we need. Sometimes those not-rectangles should float next to graphics, sometimes they should be manually adjustable, so we can flow text in any polygonal shape we want.

Orkhan_Jafarov
New Participant
September 28, 2024

Hi @Stephanie_Smith,

It is possible with Nisa Text (Pro version) plugin that I made. 😇

Link: https://www.figma.com/community/plugin/739048247603902878/nisa-text
Demo video: x.com

Christopher_Gibson
New Participant
December 11, 2024

This is a rudimentary CSS function (via the float property) that’s been a staple of web design since the beginning (not to mention how important it is in print). It’s honestly a bit insane that after so many years Figma still doesn’t have this feature.

Igor Milenković
New Member
January 16, 2025

Here's another example of why this feature could be very useful. Let's say I have a list of benefits and there is no way to wrap the text one under the other. If I stay with one paragraph, I can't create two separate text properties, one for the title and one for the description.

 

Jordan White
New Member
January 22, 2025

Upvoting this feature request! It would allow having a cursor or other object show up correctly with a multi-line text box. Right now there is no way to have this automatically push the cursor to the next line.

 

 

Juan_Ulloa
New Member
February 7, 2025

Upvoting this. ideally the icon can be seen as an inline element. this way you can have icons in the middle of the text. Use cases

[icon] an inline icon at the beginning of multiline text multiline 

multiline of text with an inline icon at the end [icon]

multiline of text with an inline icon [icon] then more text.

The last scenario is great if you have an open-in-new-tab icon within a hyperlink in a paragraph.

Paul Cripps
New Member
February 24, 2025

Another up vote for this, insane its not in Figma.