為什麼你需要學會 Figma Multi-Edit？

老實說，我第一次發現 Multi-Edit 功能的時候，內心是崩潰的——因為我已經花了好幾個月用最笨的方式在改元件。你知道那種感覺嗎？一個按鈕要改圓角，整個專案有 47 個頁面，你就一個一個點、一個一個改，改到懷疑人生。

Figma Multi-Edit（批次編輯）讓你可以同時選取並修改多個相同類型的元件，不管它們散落在畫布的哪個角落。這個功能在 2024 年底大幅強化之後，已經成為我日常設計流程中最依賴的工具之一。如果你還沒用過，這篇教學會幫你從零開始搞懂它。

Multi-Edit 的基本概念與啟用方式

Multi-Edit 並不是一個獨立的面板或外掛，它其實是 Figma 選取邏輯的延伸。當你選取一個 Component Instance（元件實例），Figma 會自動在右側面板顯示「Select all with same component」的選項，讓你一鍵選取所有同類元件。

啟用步驟

選取任一元件實例：在畫布上點擊你想修改的元件。
開啟選取選單：在右鍵選單中選擇「Select all with same component」，或使用底部工具列的 Multi-Edit 按鈕。
確認選取範圍：你可以限定在當前頁面，也可以跨頁面選取（跨頁面功能需要在 Edit 選單中啟用）。
直接編輯：選取完成後，任何屬性修改都會同步套用到所有被選取的實例上。

這邊要注意一個細節：Multi-Edit 作用的對象是實例（Instance），不是主元件（Main Component）。如果你改的是主元件，那本來就會自動同步。Multi-Edit 的價值在於你可以批次修改那些「已經被 override 的屬性」。

三個最實用的批次編輯情境

情境一：統一修改按鈕樣式

假設你的設計系統裡有一個 Primary Button，但不同頁面的設計師各自 override 了不同的圓角值。用 Multi-Edit 選取所有 Primary Button 實例，然後在右側面板統一設定 border-radius 為 8px，一秒搞定。

我自己的經驗是，這招在設計系統改版的時候特別好用。上次公司決定把所有按鈕從直角改成圓角，我用 Multi-Edit 十分鐘就處理完了，以前至少要花半天。

情境二：批次更新文字內容

選取多個文字圖層後，你可以同時修改字型、字級、行高、顏色等屬性。這在做多語系設計的時候非常實用——比如你需要把所有標題從 Noto Sans TC 換成 Inter，不用一個一個改。

不過要提醒的是，如果你想批次改「文字內容」本身（例如把所有的「確認」改成「送出」），Multi-Edit 沒辦法直接做到，你需要搭配 Find and Replace（Ctrl+H）來處理。

情境三：統一調整間距與佈局

這大概是我最常用的情境了。搭配 Figma Auto Layout 自動佈局教學裡提到的 Auto Layout，你可以選取多個使用相同 Auto Layout 設定的 Frame，然後一次調整 padding 或 gap。當你的卡片元件需要從 16px 的內距改成 20px，Multi-Edit 加 Auto Layout 的組合簡直是神器。

進階技巧：讓批次編輯更高效

善用篩選功能縮小範圍

當你的檔案很大，選取所有同類元件可能會一次抓到上百個。這時候可以先在左側圖層面板用搜尋功能篩選特定頁面或 Frame 內的元件，再進行 Multi-Edit，避免誤改到不該動的東西。

搭配 Variables 實現更靈活的批次控制

如果你的設計系統已經導入了 Figma Variables 與 Design Tokens，批次編輯會變得更加強大。你可以把顏色、間距、圓角等值綁定到 Variable，然後只要修改 Variable 的值，所有引用它的元件就會自動更新。這其實比 Multi-Edit 更根本地解決了「統一修改」的需求。

我的建議是：小範圍的即時修改用 Multi-Edit，全局性的系統調整用 Variables。兩者搭配使用，效率最高。

快捷鍵組合推薦

Ctrl + Alt + A：選取所有相同元件（Windows）
Cmd + Option + A：選取所有相同元件（Mac）
Ctrl + H：開啟 Find and Replace，搭配批次文字修改
Shift + 點擊：從批次選取中排除特定元件

常見錯誤與避坑指南

用了幾個月的 Multi-Edit 之後，我踩過一些坑，分享給你避免：

誤改 Detached 元件：如果某個元件已經 Detach Instance，它就不會被 Multi-Edit 選到。反過來說，你以為改了全部，但其實遺漏了 Detach 過的那幾個。
Override 衝突：批次修改會覆蓋掉個別實例的 override 值，操作前建議先確認哪些 override 是刻意的。
效能問題：檔案太大的時候，一次選取太多元件可能會造成 Figma 短暫卡頓。超過 200 個元件的話，建議分批處理。

融入日常設計流程

Multi-Edit 不是一個你偶爾才用的功能，而是應該內建在你的日常工作流中。以下是我自己的習慣：

設計階段：盡量使用元件和 Auto Layout，為後續的批次編輯打好基礎。
Review 階段：收到設計回饋後，用 Multi-Edit 快速套用修改。
交接階段：在交接給工程師之前，用 Multi-Edit 確認所有元件的狀態一致。搭配 Figma Dev Mode 設計交接指南的流程，可以大幅減少來回溝通的次數。

說真的，學會 Multi-Edit 之後，我每天大概省下 30 到 40 分鐘的重複操作時間。這不是誇張，是真的。特別是在做大型專案、多人協作的時候，這個功能的價值會被放大好幾倍。

如果你還在一個一個點元件修改，今天就開始試試 Multi-Edit 吧。你的手腕會感謝你的。