How to 'wrap' text around an object?

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.

1 Like

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.

1 Like

Glad to find that out. Thank you.

1 Like

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 :slightly_smiling_face:

5 Likes

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

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.

2 Likes

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.

1 Like

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

1 Like

Voting here: Add the ability to wrap text around objects

1 Like