固定尺寸、依內容調整、填滿：尺寸由誰決定？

閱讀目標

• 指出每個軸的尺寸來源
• 辨認依內容調整與填滿的可用對象及互相限制
• 區分尺寸模式與最小值／最大值限制
• 換長文字或窄父層後定位溢位原因

適用條件與學習範圍

同一顆按鈕換長文字會長大，另一顆卻換行或超出；到底由文字、子項還是父層決定寬度？

• 先理解自動排版的父框架、子項、間距與內距；下方有真正的排版補讀入口。

能逐層逐軸指出尺寸來源，辨認填滿缺席或依內容調整轉固定尺寸的原因，說明最小值／最大值限制如何影響文字及溢位。

聚焦寬度與一個自動排版按鈕的父子責任；高度只作原創字塊分行示意。多填滿分配、文字引擎、截斷、換行／格線、忽略自動排版及任意巢狀由各問題承接。

原理與判斷

固定尺寸把尺寸交給指定值；依內容調整讓自動排版框架依內容及間距需求收攏；填滿容器讓自動排版父層中的子層取得可用空間。三者是不同責任來源，不是由小到大的三個按鈕，也不是任意對象都具備的選單。 最小值／最大值另外限制結果。限制寬度不等於文字一定讀得完、父層一定裝得下，或成品已具備響應式驗收；仍要換長內容、窄寬並找出是哪個軸的規則。

先標出父、子及正在改的軸

本台外框是父框架，內框是自動排版按鈕，裡面的字塊代表文字內容。同一個按鈕既是外框的子層，又是文字的父層，因此可以談它向父層填滿，也可以談它向內容依內容調整；這不是兩個不同按鈕。 Figma的寬度與高度各有尺寸設定，寬度依內容調整不代表高度也依內容調整。本站只讓你改寬度；高度依原創字塊行數加內距以便看懂，不能當成完整Y軸或真實字型答案。外框左右內距各20、按鈕左右各12，都是本站教學單位。

固定尺寸指定值，內容變了也不自動改寬

選子項固定尺寸，預設寬96，扣兩側12後文字區72；「送出」以每字16估為32，放得下。換成九字「確認並送出預約資料」，需求144，依本台整格規則分成三行；寬仍96。 原生Figma直接輸入寬度數值或手動改寬會讓該軸成固定尺寸。真實文字層另有文字自適應模式；固定文字框可能容納不下文字並造成重疊。本站用分行方塊呈現尺寸不足的原因，沒有用瀏覽器量字，也不宣稱九字在所有字型都恰好144或必然三行。

依內容調整往內容找需求，再加上自己的間距

依內容調整只用在自動排版框架。本台子項是自動排版按鈕，短文字需求32，加左右各12，寬56；換九字需求144，按鈕寬168。父層也改依內容調整時，再加父左右各20，所以父寬分別96與208。 官方自己的例子是40寬文字、左右各10，依內容調整框架寬60；文字變50後框架寬70。重點是內容與內距的關係，不是背本站56或官方60。換字型、圖示、間距、描邊與文字模式都可能改需求，必須核對各層。

填滿向父層取空間，不能製造循環依賴

填滿僅適用自動排版框架的子層，頂層框架沒有填滿。父固定尺寸240、左右各20，本台只有一項，所以填滿取得200；父縮到96，剩56。這是扣掉本台固定內距的單項算例，不涵蓋多項填滿的分配或所有巢狀例外。 把父層先設依內容調整，再把子層設填滿，官方說明父層同軸不再依內容調整而變固定尺寸；本站會保留切換當下父寬並顯示轉換理由。為了不造任意組合，子層填滿時本台父依內容調整停用，請先改子層模式；這個停用是本站教學入口，不宣稱Figma每個版本都以同樣按鈕禁用方式呈現。 外層切成一般框架時，填滿不能繼續用；本站凍結目前寬度為固定尺寸並說明。按鈕自己仍是自動排版框架，所以仍可對內依內容調整，不能誤讀為「在一般框架內就完全不能依內容調整」。

最小值／最大值疊加限制，可能留下空位或造成溢位

短文字依內容調整56，開啟子項最小值80，結果至少80；長文字依內容調整168，開最大值160後最多160，字塊估算轉兩行。最小值／最大值是與尺寸模式並用的限制，不是第四種模式，也不是自動縮小字型。 父固定尺寸96的內容區只有56；若子層填滿並設最小值120，子層仍需120，超出內容區64。本台不裁切，讓超出與資料仍保留同時可見。最大值也可能讓填滿沒有填滿所有可用寬度；先看限制，不把「填滿沒填滿」當成失效。本站限制最小值48–120、最大值128–224，不提供最小值大於最大值的矛盾組合，也不臆測工具對該矛盾的所有處理。

文字自適應要另查，限制不等於交付完成

原生文字層有自己的尺寸調整，字型、語言、斷行、固定文字框與截斷條件會影響結果。指南另指出文字最大值高度與具體最大值 lines不能同時保留：加最大值高度會把最大值 lines變自動，設具體最大值 lines會移除最大值高度。這個限制不代表所有最小值／最大值都不能與其他模式並用。 把自己的短文、長文、窄寬、空內容與翻譯帶回實際檔案驗證，再決定是改尺寸責任、允許換行、調整限制或另用換行／格線。不要靠本台方塊或一張截圖宣稱真實版面已驗收，也不要為讓數字吻合而拆散元件。

步驟與觀察

1. 指出目前編輯層與軸

   在可編輯Figma Design檔選一顆自動排版按鈕與其父框架，從圖層面板核對父子歸屬；記錄寬度和高度各自模式。若連父子或內距都不清楚，先補讀本頁下方的容器與排版。 操作名稱對照（中文為本站教學譯名）： 右側排版 > 寬度／高度 > 固定尺寸／依內容調整／填滿容器（介面原文：右側 Layout > Width／Height > Fixed／Hug contents／Fill container） 寬度 > Add 最小值寬度／Add 最大值寬度（介面原文：Width > Add min width／Add max width） 高度 > Add 最小值高度／Add 最大值高度（介面原文：Height > Add min height／Add max height）

2. 從寬度／高度選尺寸模式

   在右側對應尺寸dropdown查看固定尺寸、依內容調整或填滿容器。依內容調整只用於自動排版框架；填滿是自動排版父層的子層選項，頂層或普通父層不要硬找。以具名功能核對，瀏覽器／桌面、語言與版本入口可不同。

3. 用一個條件比較固定尺寸和依內容調整

   保留副本，把自動排版按鈕設固定尺寸，換長文字，記錄內容／文字框的反應；再設依內容調整比較需求。手動改寬或輸入W會改成固定尺寸，要再次核對模式，避免誤以為依內容調整一直有效。

4. 確認父層提供空間再選填滿

   選子層的填滿，核對父層同軸是否由依內容調整轉固定尺寸，再縮父層並看可用寬；不要期待父靠子層、子層又靠父同時互算。多個填滿、Ignore或巢狀內容需按各自條件檢查，不從本台單項推論全部行為。

5. 加入最小值／最大值並重看長短內容

   從寬度或高度 dropdown選Add 最小值寬度／高度、Add 最大值寬度／高度後填值。重新選取時欄位可能收起，點尺寸圖示再查看；Remove 最小值 and 最大值可移除。分清限制施加在父、子層還是文字，並檢查超出或換行。

6. 記錄失敗條件與下一步

   換長文及窄寬，指出是哪個模式、哪條限制及哪個軸造成問題；檢查文字尺寸調整、實際字型及截斷需要，再決定後續換行／格線或巢狀規則。網站重設只重設本台，不是原生Figma的復原命令。

常見問題

找不到填滿容器

先查是否是自動排版框架的子層、是否選了頂層或普通父框架。本台一般框架時填滿停用並保留解釋，不能用改文字或不停拖W代替核對歸屬。

子層設填滿後父依內容調整不見了

同軸父依內容調整依子層，而子層填滿依父，官方會讓父成固定尺寸。決定由外部尺寸還是內容需求主導，再設有效模式，別強行保留循環組合。

文字變長卻沒有把按鈕撐寬

查按鈕是否固定尺寸、是否有最大值，以及文字層自己的尺寸調整。文字可能換行或超出；本站整格估算只用來指出原因，回原生檔案按實際字型驗證。

填滿沒有填滿，或窄父層仍擠出內容

查子層最大值是否限制寬度，或最小值是否大於父內容區。本台可用父96、最小值120看超出64；最小值不是讓父層自動變大或內容自動縮字。

想同時用文字最大值高度與固定最大值 lines

官方說明兩者會互相移除／切自動。先決定高度限制或行數限制的責任，再檢查完整內容及可讀替代，不把本站寬度方塊當原生截斷。

適用範圍與證據

原教材查核日期：2026-10-21 適用範圍：Figma Design，官方總覽列所有方案、可編輯；本頁只教Design。寬度／高度、瀏覽器／桌面及Windows／macOS入口依當前環境核對；沒有新增測試版或帳戶資格保證。 來源狀態：2026-10-22完整重讀S04保存的2026-10-21公開官方正文及當日研究交接，逐項核Hug／Fill對象、父Hug轉Fixed、min／max與文字限制；未冒稱重新抓取。 示意限制：本站原創父框／自動排版按鈕雙卡尺；每字16單位與整格分行為明示估算，不用瀏覽器量字冒稱Figma。只改寬度、一個填滿、固定內距與非矛盾限制，無完整Y軸／字型引擎／換行／格線。素材原創，不重刊官方全文。 原生軟體實測：未原生Figma操作或輸出實測；官方來源與本站公開瀏覽器驗證分開。 學習成效驗證：未真人試用，無學習成效或遷移證據。

參考來源

• Figma Help｜Guide to auto layout：Hug／Fill／Fixed與min／max

來源依原教材逐頁維護；本次建立閱讀網址不代表重新完成原生軟體或真人學習測試。如遇版本差異或內容錯誤，歡迎來信提出具體段落與版本。

相關知識

• 自動排版：位置由哪條排版規則決定？ — 補讀自動排版方向與間距

  填滿取得的可用空間會受父容器內距與排列規則影響；補清楚後返回，保留本台父子模式與限制。

• 框架與群組：容器的邊界由誰決定？ — 補讀框架與群組

  先分清獨立框架邊界與真父子歸屬，避免因畫面重疊就推論能填滿或依內容調整。