Figma 推出 text wrap：Balance 與 Pretty 兩種模式，讓斷行自己排得好看

改一版設計稿的標題，你大概做過這個動作：在某個字後面按下 Shift + Enter，手動把一行拆成兩行，讓它斷在你要的地方。畫布上看起來平衡了。然後這個檔案送去做在地化，德文版標題長了三成，你手動塞的那個斷行點，把整段字擠成殘缺的形狀。

Figma 這次更新的 text wrap，處理的就是這個從第一天就跟著設計師的老問題——讓文字自己決定怎麼斷行，而且斷得好看。做法是兩個新選項：Balance 和 Pretty。你可以設在一個文字圖層、一個文字樣式，或文字框裡的某一段落上。

Balance 做的事，是把一段文字盡量平均分到每一行，避免最後一行只剩孤零零一小截、或上下兩行長度差一大截。它最適合一到三行的短文字——標題、按鈕文字、卡片抬頭這種需要視覺對稱的地方。

過去要達到同樣效果，你只能盯著畫布手動斷行，把某個字硬推到下一行去補平。問題在那個斷點是寫死的：文字內容一改、容器一縮，它就錯位。Balance 把這個判斷交回給排版引擎，每次內容或寬度變動都重算一次。

Pretty 專門對付 orphan——一個段落的最後一行只剩一個單字獨自佔一行，那種讀起來卡卡的殘句。它會回頭微調前幾行的斷點，把落單的字拉回去有伴。

它跟 Balance 的分工很清楚：Balance 追求整段每行等長，Pretty 只動最後一兩行、把落單的字救回來，其他行盡量不碰。所以長段落用 Pretty，短標題用 Balance。內文如果誤用 Balance，反而會因為每行被強行拉到差不多長而讀起來僵硬。

能設在 text style 這一層，是這次更新對做 design system 的人最有份量的地方。你不用一個圖層一個圖層去點，而是把「標題一律 Balance、內文一律 Pretty」寫進樣式定義，之後套用這個樣式的每一處自動繼承。改一次，全站的斷行邏輯一起更新。

text wrap 真正發威的地方，是文字會隨畫面變動的場景。Figma Sites 做響應式網頁、Buzz 做尺寸不一的行銷素材、Slides 做簡報——這些輸出的共同點是同一段文字要在不同寬度下都成立。手動斷行在一張固定尺寸的稿子裡還撐得住，一進到會 reflow 的環境就崩。

再疊上在地化：一份設計稿翻成五種語言，字長全不一樣，你不可能為每種語言各喬一次斷行。Balance 和 Pretty 把這件原本要靠人肉維護的事，交還給引擎去算。

text wrap 是那種打開設一次、之後就忘記它存在的功能。但它默默把你以前每改一版稿就要重喬一遍的斷行，換成一次設定、到處成立。對每天要交付、要在地化、要做響應式的設計師，這一格下拉選單省下的手工，累積起來很可觀。

FIGMA 全攻略

斷行設在 text style，前提是你的文字系統本來就有層級

Balance、Pretty 要一次套全站，靠的是把設定寫進文字樣式。Figma 全攻略從 text style、component 到 variables 幫你把設計系統的底層打穩，讓每個新功能都能一鍵套上去。

看課程 →

AIWAKEN 訂閱制

AI 覺醒設計應用攻略

✦ AI 工具實測與工作流分享
✦ 設計師角度的 Prompt 技巧
✦ 每週精選 AI × 設計新知

了解訂閱方案 →