概述

Auto-Layout 是 Figma 的進階技巧，特性是可格式化設定排版參數，做出可彈性縮放 的物件，操作概念與 CSS 類似，可根據內容物件動態改變大小、長寬等。舉例來說，我們可以透過 Auto-Layout 來製作出不同大小的 Button、Menu、Sidebar 等物件，還可以動態調整物件的成員。

重點學習技巧

• 技巧一：用 Auto Layout 實現彈性排版

• 技巧二：設定 Auto Layout 物件位移(Padding ) 

• 技巧三：用 Auto Layout 建立巢狀物件

• 技巧四：調整 Auto Layout 成員間隔與排版方向 

• 技巧五：設定 Auto Layout 自動占滿容器(Fill Container )

實作一：組合按鈕（設定 Auto Layout，讓按鈕可彈性調整樣式與成員）

實作二：組合式選單（相同類似成員，透過 Auto Layout 可快速調整介面樣式）

實作三：動態大小表格（透過 Auto Layout 製作的表格，可彈性縮放寬度與新增成員）

實作四：巢狀式產品圖