[Launched] Add Text-wrap: balance

Hey ​@jpkoudstaal, thanks for sharing this suggestion! I can see how this could make a difference in design when it improves readability and visual appeal in headlines. Our Product Managers regularly review community suggestions, and other members can also share their thoughts on your post. Thanks again for contributing your idea!

It’s apparently in a future ‘quality week improvement list’ so fingers crossed 🤞

source: https://bsky.app/profile/discolu.bsky.social/post/3lizayvx3ak2l

I echo this request! This is a very useful CSS feature that I would love to see support for in Figma. The current approach I have of setting a max width on text elements that mimic how I would expect text-wrap: balance to behave in the final build is not super optimal.

Any updates on this one? 🙏

Hopping in here to add my support for this feature

+1

This would be an excellent addition, faster for designers to work and easier for devs to get the correct output rather than copying across any brute forced line breaks added by designers to achieve the right styling. 

I’m waiting for the day this feature is added to the typography settings. Many components on web we design for apply the “text-wrap: balance” property to the copy which makes it difficult to mockup representations of how it will appear on web without manual breaks or a plugin.

Any update? 😅

Not sure when they added it, but it’s in there now.