Skip to main content
Solved

How to 'wrap' text around an object?


Jake

It seems I saw some article a few days ago about this but I can’t seem to find it again…

Is there an easy way to wrap text around an image in a frame?

For example:

mobile-landscape-resource-detail-page

I think the image placeholder in that mobile page is also a frame (the page itself is a frame and the placeholder is a frame). The text is also in a frame I named “text box”. Anyhoo… I fiddled around with auto layout a bit but was unable to achieve the result.

How can I make an expanded version of that page where the text wraps the image placeholder and flows below the image placeholder? You know, like after you click the “more” link the text expands and wraps the image.

Best answer by Gleb

There is no way to do this automatically. The only option is to manually split the text into two separate blocks and give them different lengths.

View original
This topic has been closed for comments

8 replies

Gleb
  • Power Member
  • 4706 replies
  • Answer
  • May 24, 2021

There is no way to do this automatically. The only option is to manually split the text into two separate blocks and give them different lengths.


Jake
  • Author
  • 48 replies
  • May 24, 2021

Glad to find that out. Thank you.


Joel_Vickers

Currently trying to use a feature like this where text can wrap around a check box and resize to the the frame within auto-layout. Hopefully this will be a feature included in the future 🙂


Gleb
  • Power Member
  • 4706 replies
  • October 30, 2021

This topic was automatically closed after 19 hours. New replies are no longer allowed.


Stephanie_Smith

Hey is there a way to wrap text around icons or illustrations in components? I’m working on a project to design how our components will scale when large accessibility font sizes are turned on.

So far the only solution I can find is to break the copy into 2 text boxes and add a second piece of text underneath the icon, but that’s quite manual, a little tricky to get the line height right, and also means we can’t easily add scaled versions of our components as variants to our existing design system library.


Stephanie_Smith

Hey thanks for merging the issue I see there’s no way to do it yet. But please could request that you add this to Figma as a feature in future?

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. Without this it makes designing for accessible font sizes hard.


tank666
  • 4858 replies
  • November 12, 2021

Hi @Stephanie_Smith, you can create a new topic in the #product-feedback category so that people can vote for your idea.


tank666
  • 4858 replies
  • November 12, 2021

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings