Skip to main content

Hyphenation for Text Tool


fatihturan

When I write create long paragraphs with text tool on the Figma I get the unnecessary spaces on edges of the paragraph like below.

But I think if there a hyphenation feature (like Adobe Photoshop) it could add dashes automatically on the texts and fix this issue.

Image 2021-06-03 at 3.03.57 PM

So, what do you think about this feature feedback?

54 replies

Diana_Goldman

Yes please! Automatic hyphenation can be done with CSS, so it should be made possible in our Figma mock-ups as well!


Armin_Seltz

Yes, I can’t believe they have all these features around fonts like character variants and stylistic sets and all that, but they don’t have hyphenation which is a basic CSS functionality.


Vinbert
  • 1 reply
  • August 9, 2021

I will ditch indesign if this feature drops.


fff
  • 5 replies
  • August 26, 2021

Would like to see this feature in some future version:
hyphenation!


Menno_Weerepas

Yes, this would improve our workflow significantly! Not only do we have to communicate that we want to use automatic hyphenation separately to our developers right now we also have to communicate it to our copywriters who take screenshots from our Figma designs and use them on our Knowledge base and other public places to communicate to our users/customers

So this would create a more efficient workflow and collaboration and would make it less error-sensitive.


Anurag_Bhattacharya

Some interfaces need a bit of explaining to the users, some tooltips run long especially in specialized products. As someone who is a graphic and interface designer this feature is a basic function. It’d be great to have this soon and save a lot of effort as opposed to manually add hyphens to get the correct paragraph styling.


Todd4
  • 1 reply
  • December 13, 2021

Please add this feature 🙂


Marcos_Antonio_Marquesine_Filh

That would be excellent if we had access to hyphenation. It really leads to better visibility on small columns of text.


James28
  • 3 replies
  • April 7, 2022

PLEASE add this.

Currently having to go into indesign for this feature.


andreyrgerasimov

need this!!!


Avi_Drucker

Good point about it being in CSS! Do you know when it was added?


Theo_Schreiber

Still missing 😢


Robson
  • 1 reply
  • August 24, 2022

I would also ditch indesign right away.


Jon_Howell

🙏 there’s still hope?


Armin_Seltz

“Automatic hyphenation on the web has been possible since 2011…” from: All you need to know about hyphenation in CSS | by Richard Rutter | Clearleft Thinking | Medium

So it was only 11 years ago, obviously still a niche thing that nobody uses. [sarcasm off] 🤦‍♂️


Moritz11
  • 1 reply
  • January 23, 2023

YES PLEASE! 🥳


Bobobo
  • 1 reply
  • February 15, 2023

Can’t believe Figma still doesn’t have hyphenation…Please please please please make it happen!


Please add this feature! Would be so helpful


  • 1 reply
  • April 7, 2023

I"m surprised this has not been done yet. The original idea was posted on 2021. Come on Figma team!


Still missing 😦


i-kat
  • 5 replies
  • April 19, 2023

Screenshot 2023-04-19 at 11.57.30


deletedlc
  • 46 replies
  • April 21, 2023

does not work like that (unless you manually included a - as part of the content - which beats the purpose of hyphenation for text tool because hyphenation is expected to display -s when they are needed, even when they are not part of the text), at least based on what I have seen since the day I started working in Figma. And I just did this additional test to make sure:


This is soooo needed for german and over languages! Please please please add it!


for god’s sake, figma! add a hyphenation text property!!!


Please add it!


Reply


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