Figma Design 教材 / Class LLL

主元件與實例：改一處，誰會跟著變？

相同外觀，不代表相同來源關係

改一個全跟著改，或改完另一份毫無反應？先辨認main、實例和普通圖形副本，分開修改來源預設與局部文案，觀察同檔傳遞的範圍，再查回真正來源。

撰寫與維護：Class LLL · Lab Light Label｜預估閱讀 11 分鐘

開啟互動教材查看參考來源

閱讀目標

辨認main、實例與普通圖形副本
說出來源預設與單一使用處修改的影響範圍
從實例查回main而非以外觀猜測
分清同檔即時傳遞與跨檔庫的發布／接收

適用條件與學習範圍

為什麼兩個長得一樣的按鈕，改其中一個時，有些一起變、有些完全不動？

先能辨認正在編輯的父層與子層；不清楚可補讀框架／群組。此頁不需要先會資源庫或變體。

能指出來源main、兩個引用它的實例與獨立普通副本，決定某次改動應放來源或使用處，並查回main。

只做同檔、固定結構、沒有局部尺寸差異的兩實例及一項局部文字。覆寫清單與重設／替換／解除連結取捨歸FG20，Variants／屬性／內容槽歸FG21–24，跨檔Library完整流程歸FG30；不以簡化台代替全部合併規則。

原理與判斷

元件重用的關鍵是來源關係，不是有多少份相同外觀。主元件定義來源屬性，實例保留對main的引用；修改來源會影響相應的實例，局部使用處仍可有支援的差異。普通形狀保留的副本沒有這條引用，因此不會只因為長得一樣就同步。操作前先問「這是共用預設，還是只有這次使用不同？」把共用變更放main，把特定使用情境的文案放實例，再觀察各自影響。圖面一致不是每個屬性都必須永遠完全相同。

先辨認身份，再解讀複製的結果

在有可編輯的Figma Design文件中，可將一組圖層建立為元件；Figma會將它們包在特殊元件框架中。圖層面板的元件圖示與實例圖示能幫忙辨認，但不要只靠顏色，應確認類型及Go to 主元件是否能追到來源。複製普通矩形得到普通副本；在同檔複製主元件可建立實例，複製實例也仍可作元件使用。因此「我按了建立副本」不足以證明現在是獨立圖稿。本教具右下普通副本是元件建立前保留的普通圖形原稿，並非把main複製後假稱斷開連動。

改來源，觀察所有仍繼承該值的使用處

母版連動台預設main寬48、文字預約，實例A與B沒有局部尺寸差異，所以都取來源寬48；普通副本也剛好是48。把主元件寬改72，main、A與B一起到72，普通副本維持48。三個活動夾與讀數使用同一模型資料；這裡相同只是固定條件下的引用結果。真實Figma若某個實例已有局部尺寸或其他排版條件，不能照這個有限模型保證所有尺寸都一樣。先查作用對象、來源及局部差異，再決定該改哪個屬性；不要把「沒有一起變」一律當元件故障。

只改A文案，不會反向修改main

按「只改實例A為候補」，A顯示候補，而main與B仍是預約。再把main預設文字改預訂，B跟隨，A保留自己的候補；A未改過寬度，所以仍跟隨來源寬。這是按屬性分辨修改歸屬，不是把整個A視為失去所有連結。官方允許實例調整支援的文字、填色、描邊與效果等。局部差異不等於可以任意改其所有結構；來源修改、局部修改及推回main是不同操作。此頁只示意一個文字差異，不教完整重設、替換、解除連結與巢狀／內容槽規則。

Go to main查來源，不是靠外觀找一份相像的

選實例，使用右鍵Go to 主元件，或在右側Design的實例資訊定位來源；跨檔來源會開啟原來的資源庫檔案。Main只能在原檔編輯，還需要適當編輯權限。選到某個實例裡的子層時，要先確認自己想查的是哪個實例或巢狀來源。本台按「查實例A來源」只把定位標示移回main，不把A候補文字推回來源，也不重設資料。真實Figma的推移覆寫 to 主元件是另一個有條件的操作，官方限main與實例同檔，巢狀來源另有限制；本頁不提供假推送按鈕。

同檔即時與跨檔更新是兩條路

官方說同一文件內的main修改會立即套用到該文件的實例；即使main已發布到資源庫，原檔內的實例仍會即時更新。要影響其他訂閱檔案，還需要發布來源變更與使用端的更新接收流程，不能只改來源就宣稱所有遠端文件已更新。建立與使用元件的文件操作適用所有方案且需可編輯；發布資源庫另有付費方案及權限條件。這頁只指出階段邊界，未執行跨檔發布或接受、未聲稱所有帳戶都能發布。當使用端沒變，依序查同一來源、局部差異、是否跨檔，以及尚未發布或接收，而非先解除連結。

建立的是可維護來源，不只是更多副本

適合做元件的是會重複使用且有共用結構／規則的元素，例如按鈕、欄位與卡片。一次性的自由探索不必只為了數量就建成元件；若每份都完全不同，先釐清共用部分，再決定是否值得維護來源。刪除main不會自動刪除已存在的實例，但可能讓後續維護需要恢復來源。不要用刪main或解除連結試錯來處理不知道為何沒更新的情況。此頁的停止點是能說出身份、修改歸屬與下一個檢查；變體、可變內容槽、重設取捨與版本治理各有更深入的責任。

步驟與觀察

保留普通原稿，再建立來源
在有可編輯權限的Figma Design檔，以自己的矩形和文字作簡單按鈕，先保留普通圖形副本。選要包含的圖層，用右側或右鍵Create 元件；官方預設macOS Option+Command+K、Windows Ctrl+Alt+K。以具名功能為準，平台、焦點或自訂快捷鍵可能不同。操作名稱對照（中文為本站教學譯名）：選取圖層 > 右側／右鍵 > Create 元件（介面原文：選取圖層 > 右側／右鍵 > Create component）左側導覽列 > 資源 > 元件 > Insert 實例（介面原文：左側 navigation bar > Assets > 元件 > Insert instance）實例 > 右鍵 > Go to 主元件（介面原文：實例 > 右鍵 > Go to main component）來源原檔 > 主元件 > 編輯指定屬性
建立兩個真正的實例
在左側導覽列的資源找該元件，拖到畫布；也可開元件 details用Insert 實例。確認兩份都是同一main的實例。直接複製main或實例也可建立實例，不要把這個動作誤認為得到普通獨立圖形。
只改main的一項預設
先確認位於main原檔與正確來源，改一個容易觀察的屬性，例如無局部差異時的尺寸或填色，再看同檔實例是否一起變。普通原稿不應因相似外觀自動更新。若結果不同，先查局部差異和排版條件，勿把本站固定48／72當任何文件的答案。
只改一份使用處的文字
選實例A中的文字，改成適合該使用處的文案，觀察main與B是否保持。再到main改預設文字，比較A的局部文案與B的預設更新。若需要讓每個按鈕都改，先判斷是否應直接改main，不能把A局部編輯當成自動推回。
從實例核對來源與檔案
右鍵實例Go to 主元件，核對main名稱及所在檔案。來源若在別檔，確認自己能檢視或編輯；遠端使用處更新另有資源庫發布／接收階段。這頁不登入帳戶或替你修改遠端來源。
記錄修改歸屬與下一個檢查
記下本次改的是main還是實例、哪些屬性是局部差異、來源是否同檔。需要完整重設／替換／解除連結或發布更新時，再看對應流程；不要為了「一起變」就先刪來源或斷開關係。本站重設只清本教具，不是Figma的重設全部變更。

常見問題

長得一樣但另一份完全不更新

確認它是真實例、引用同一main；普通圖形副本沒有引用。若是真實例，再查局部差異與來源是否跨檔尚未發布／接收。

改實例A文案，期待所有使用處都改

A的局部文字不會反向改main或B。先決定是來源預設還是單次情境；共用改動回main原檔，別把局部編輯當自動推送。

複製main後以為已得到獨立圖稿

同檔建立副本 main可建立實例。看實際身份及Go to main，而非只記得複製手勢；本頁普通副本特別從普通原稿保留。

只一個屬性不跟著來源變，就以為整個實例斷了

分開查每項局部差異。模型A文字候補仍跟隨共用寬度；完整覆寫及重設取捨留待對應教材，不先解除連結。

來源已改，別檔仍顯示舊版

同檔即時與跨檔資源庫更新不同。核對來源、發布及使用端接收，還要確認方案／權限；不要承諾改一處就強制更新所有遠端檔。

想靠刪main清掉所有實例

官方說刪main不會一起移除既有實例；先釐清維護與來源恢復，不把刪除當同步清理指令。本頁不提供刪除原生資料。

適用範圍與證據

原教材查核日期：2026-10-22 適用範圍：Figma Design；官方列建立／插入／修改元件為所有方案，需文件可編輯。資源使用資源庫還需來源檔可檢視；發布資源庫為付費方案並受權限限制。macOS／Windows及Web／桌面版入口以具名功能核對。來源狀態：2026-10-22讀取研究者當日Scrapling取得N05／N06／N07／N13正文，核對本文建立、插入、複製、來源定位、同檔傳遞與局部文字。未將總覽子文列名當全部核完；跨檔發布接收／reset／swap／detach／Slots完整教學另票。示意限制：本站原創按鈕與母版連動尺台；同檔固定結構、無局部尺寸差異的兩實例及一普通原稿副本。有限文字／尺寸引用模型，不是完整Figma覆寫引擎、資源庫服務或原生輸出。原生軟體實測：未原生Figma操作實測，沒有帳戶／跨檔發布與接收實測；官方查核和本站公開瀏覽器證據分開。學習成效驗證：未真人試用，沒有學習成效證據。

參考來源

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