Prevent Text Overflow with Truncate

When a text layer is connected to a Rechat placeholder (for example, Listing Description), the actual data may be much longer than the sample text used in your design.

If truncation is not configured, the text can overflow and break the layout once real content is applied.

How to Prevent It in Figma

1. Select the text layer connected to the Rechat placeholder

2. In the right panel, make sure the text is set to Fixed width (not Auto width).

Pro tip: If the text is inside an Auto Layout frame, you can set it to Fill container so it respects the parent width and truncates correctly.

1. Enable Text overflow → Truncate

2. Define how many lines the text is allowed to have (for example, 1, 2, or 3 lines)

3. Make sure the text has a defined width (or is inside a fixed-width frame)

Figma will limit the text to the number of lines you set and automatically add an ellipsis (…) if the content exceeds that limit.

How to Truncate text layers, using Figma Truncate feature.

---

Important

• Truncation hides extra text. If the real content exceeds the available space, it will appear as “…”

• Make sure truncating the text does not remove critical information in your layout

• Do not use Auto width for dynamic placeholders