Skip to main content

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?

Screenshot 2021-11-12 at 14.15.24

This would be so useful for inline icons!

Screenshot 2024-02-11 at 9.45.57 AM


This seems like a slam dunk item to implement. I have to hack this in almost every project and it’s currently hacked in our desgn system.


Promo Headline, Description (Left Aligned); Square Image (Right Aligned)

Hey All, thanks for the feedback!


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

This is the use-case I’m trying to solve for as well. In my case, I’m trying to pin a blinking text insertion cursor to the end of a text field that wraps.

This is a use case I struggled with today too. I want to create a component with two blocks of text that appear beside each other, with the latter wrapping underneath the first if it gets long enough. The first block of text is optional, with a boolean property to hide or show it.


The first block of text might vary in length, so using paragraph indenting would require manual overrides rather than working “automagically.”

If I have a Multi-line label I am not able to put a tooltip icon at the end of the Label

image

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

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

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.

Screenshot 2024-06-12 at 15.35.00

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.

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

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.

Reply


Terms & ConditionsCookie settings