Skip to main content

Truncate text: BEGINNING or MIDDLE of text/url as well

  • November 1, 2022
  • 6 replies
  • 1116 views

Brighita_Lungu

Please add option to truncate text in the middle of the text, we use this for URLs so users can see the end of urls not just the beginning. But I always have to be very careful when I make the mocks in Figma to detach components and add 3 dots in the middle manually, and communicate that to devs in detail.

If option is added in Figma then Devs can see it in properties of components, and in mock at the same time, without handoff overhead.

6 replies

Brighita_Lungu

yes, needed


Rebecca_Rastegar

I second that.


  • 0 replies
  • March 2, 2023

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.


Sam_Henri_Gold

Previously mentioned in this thread but was locked.

In UI, there are cases where truncating from the end renders text useless:


This has existed on macOS/iOS for a while and I have to manually enter the truncation in my text layers, I think an option for middle truncation would be a great addition to the text formatting options.


reversetext
  • New Member
  • 1 reply
  • January 20, 2025

This is a great idea! A built-in option to truncate text in the middle would save time and improve communication between designers and developers during handoffs. It would make working with URLs and similar use cases much more efficient. Hope Figma considers this feature! .

 

 

 

 


Guillaume Galante

I second that.

When designing a chat input field, I would like to limit the chat input to 4 lines but always truncate at the beginning if a user types multiple lines of text, always keeping the end of the paragraph visible.


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