Figma Design 教材 / Class LLL

可組合卡片：內容不同，也能保持更新

按變化類型分工，再比較維護代價

卡片結構不同時，從通知、預約與警示三張原創卡抽共同殼，將文案交給屬性、Tone交給變體、可增減Body交給內容槽。更新來源後檢查局部內容，並比較固定案例變體、重設、刪屬性與解除連結的不同代價。

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

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

閱讀目標

從三種內容抽共同結構，按變化類型選機制
比較固定案例變體與內容槽組合的適用條件，不以數量當好壞
更新後分開檢查來源殼、Title覆寫、Tone與內容槽內容
區分單項重設、刪屬性回預設及解除連結失去外層更新

適用條件與學習範圍

通知有圖片、預約有文字和動作、警示內容又不同：如何保留共同更新，又讓內容能改？

先認識覆寫／重設／解除連結、離散變體、巢狀介面與原生內容槽；本頁以真補讀連回，不重製四份原理。

能為一種內容差異說明選屬性、變體、內容槽或另作結構的理由，來源更新後能核對哪些仍連動與哪些保留局部內容。

三張原創卡、同名同階層Title、同一內容槽屬性與兩個Tone；固定兩套方案是比較，不是原生一鍵遷移。三版殼／有限內容、外層解除連結快照與本站回復不模擬完整引擎、任意巢狀保留或原生復原。

原理與判斷

共用不應只從外觀相似出發。通知、預約與警示可以有相同的卡片邊界、標題區及內容承接區，但它們的文案、Tone與Body項目不是同一種變化。先說明各自想改什麼，才能保留有意義的共同更新，而不是每次內容不同就複製整張或解除連結。本頁的機制選用是依這三個固定案例推導的設計建議，不是Figma自動判斷哪一種架構正確。固定案例很少、輸出要求固定時，案例變體也可能很合適；內容數量與組合常變時，內容槽比較能表達那個自由度。先比較使用情境與維護責任，再選下一步。

先抽共同殼，保留三張不同的使用情境

三張原創卡的共通部分是外框、Title及Body區。通知預放圖片，預約放文字與動作，警示預放文字；每張都有自己的文案、Tone及內容記錄，切卡不會把預約的修改寫到通知。共用來源不是把三個使用處混成一份資料。來源按鈕把殼的框寬與內距改成下一版，連結中的卡片一起觀察；已解除連結卡保留當時版本。來源只有三版是本站比較範圍，不是原生版本數量。案例來源、局部內容及普通框架分別有讀數，不憑目前長得像就判定仍連動。

文案、離散狀態與可變內容分別用不同控制

Title是Text 屬性：改文字而保留外層結構。Tone是Info／Warning兩種離散設計，對應變體 selector；選Warning不自動產生原型連線。Body則是同一內容槽屬性提供的可變區，可增減和重排文字、圖片、動作，不需解除連結外層。本台將必要Title與Tone控制放在使用處可見介面，類似先在來源設好屬性、再集中需要的巢狀控制。沒有因外層面板能改Title就開放整個底層結構。當控制藏得太深，先檢查既有屬性與exposed設定，不把解除連結當找入口的方法。

固定案例變體也可成立，但要說明限制來自哪裡

比較配置選固定案例變體，Body採每個案例指定的固定內容。本模型沒有替它們放內容槽，所以加入內容按鈕停用；這不是宣稱變體原生不能含內容槽。真實設計也可在同一set跨變體套用同一內容槽屬性，兩者並不互斥。若固定三種案例再乘兩種Tone，本例會有六種指定配置；內容槽方案用兩個Tone和可變內容區表達案例差異。較少配置不自動代表較好，仍需看內容是否需要自由組合、使用者是否理解控制與維護範圍。切比較配置只是在本站看兩套有限設計，不是原生無損遷移按鈕。固定方案的來源按鈕由本站同步改各案例來源，不能誤認為任意三個main天生自動互改。

更新共同殼後，逐項確認局部差異

把預約Title改成改期候補，在Body加入圖片，再更新殼。外框與內距更新，預約自己的文案和內容槽內容仍在；通知與警示也接收來源殼，但保有自己的內容。Tone切換採固定同名同階層Title及同一內容槽屬性，方便觀察，不據此保證任意真實變體結構都保留。真實替換／變體的覆寫保留要看圖層 names、文字hierarchy及被改屬性的原值等條件；內容槽的可變區又有自己的來源界線。更新後查殼、文字、引用與內容槽內容各自結果，不把一項成功當全部無損，也不把一項覆寫解讀成整張卡失去連動。

重設指定範圍，刪內容槽屬性則有內容風險

只重設目前Title，回該卡的來源文案，保留Body與Tone；重設目前內容槽則回共同來源預設文字，並非回案例最早的圖片或動作組合。原生重設回目前main的指定範圍，不是歷史復原；先說出想保留哪些差異再選。官方警告：從main移除內容槽屬性，已修改實例的內容槽區會回預設，新增內容會被移除，來源框架與預設內容仍在。本台試刪後連動卡Body都回文字；回復本站快照才看到刪前各卡組合。這是本機示意的安全比較，不保證原生復原或分支／版本可用。正式來源先在可回復副本或可用分支測試，核對受影響使用處再變更。

解除連結是明確的獨立選擇，之後要承擔自己的更新

當確實需要外層來源不支持的獨立結構，解除連結可能有意義。它讓實例成普通框架、保留當前圖層與屬性，之後不再收到該外層main修改；不是把所有巢狀來源都必然展平。本站僅凍結一張卡的外層快照，不模擬框架後續自由編輯或巢狀main更新。讓預約在殼v1 解除連結，再改來源v2，通知與警示跟上，預約停在v1。已斷的外層也不會因來源刪內容槽屬性而走同一條更新。若需求只是文案不同或內容可組合，先評估屬性／內容槽；若決定獨立，記錄理由與維護責任。本站重設是重開比較，不是原生一鍵重連。

步驟與觀察

列出三張卡真正不同的地方
先比較外框、Title、Tone與Body。分清一次文案差異、有限離散狀態與增減內容，指出哪些共用更新值得保留。這是案例分析，不是官方強制架構。操作名稱對照（中文為本站教學譯名）：來源 > 元件屬性 > Title／Tone／Body 內容槽（介面原文：來源 > Component properties > Title／Tone／Body Slot）實例 > 屬性 > 具名屬性與變體 selector（介面原文：實例 > Properties > 具名屬性與variant selector）內容槽 > More actions > 重設 slot（介面原文：Slot > More actions > Reset slot）來源 > 刪除內容槽屬性（先做可回復檢查）（介面原文：來源 > Delete Slot property（先做可回復檢查））實例 > 右鍵解除實例連結（介面原文：Instance > 右鍵 Detach instance）
在來源定義具名控制與可變區
為Title建立並綁Text、為Tone保留有意義的變體，將nested Body 框架轉內容槽並定義預設。需要時在來源expose既有巢狀控制；同一set的內容槽需按來源核對套用，不靠同名就猜保留。
在三個實例建立不同內容組合
各自修改文案與Body、確認真正作用處。本站每種樣本一份，加入與首項移到最後取代拖曳；原生內容槽可放更多種類與項目，數量／推薦是指引，不是本站三樣本上限。
更新來源殼並逐項觀察
在main修改來源控制的結構，查看各使用處是否接收，並比對文字覆寫、Tone與內容槽內容。固定案例變體方案要檢查各來源的維護範圍，本台同步更新不是原生自動連動承諾。
只重設需要回來源的範圍
需要時選目標文字或內容槽，從More actions重設指定項／內容槽；先核對來源目前預設。刪內容槽屬性前以可回復資料隔離測試、比較新增內容與回復結果，不用全重設代替精確判斷。
有意解除時記錄外層代價
若需獨立結構，再評估右鍵解除實例連結，確認普通框架與後續來源更新差別。把仍連動與已獨立卡分開維護；本站快照與重設只用來重走學習，不操作原生檔案復原。

常見問題

每種文案都新建一個變體，配置越來越多

若變的是Title字串，先評估Text 屬性；若內容項目與次序會變，評估內容槽。固定種類也可用變體，按情境而非只按數量判斷。

Warning看起來像狀態切換，卻沒有互動

Tone是離散設計，不是原型連線。要在播放中改狀態，另設定互動來源、觸發與動作，不由下拉選單推論已完成。

來源更新後有一張卡沒跟，立即全部解除連結

先查那張是否仍實例、來源是否正確及哪一項覆寫；殼更新與局部文字／內容差異分開，別把一項保留當整體失聯。

重設內容槽後沒有回最初預約的動作組合

重設回main目前預設，本例是文字；實例自己的早期組合不是來源預設。需要歷史回復先準備可比較資料，不把重設當復原。

刪Body 屬性後新增圖片不見

這是官方指出的內容槽移除風險，連動實例會回預設。先在副本／可用分支核對損失與回復，本站快照不代表原生必有相同復原。

解除連結當下沒差，以為後續仍會更新

下一版來源才能顯示差別：普通框架保留當時結果。先確認獨立結構需求與後續維護責任，不期待重設覆寫就自動重連。

適用範圍與證據

原教材查核日期：2026-10-22 適用範圍：Figma Design；本頁具名內容槽／元件屬性／覆寫與解除連結官方列所有方案、需文件可編輯。來源／資源庫及產品座位仍依實際服務。Web／桌面版以具名屬性、More actions及右鍵入口核對，不靠統一快捷鍵。來源狀態：沿FG24當日S1／S2、FG22當日C1、FG20當日O1／O2已取得並讀正文的官方來源，本票再按案例核對；不把21日cache冒稱今日重抓，也未為本票重抓而偽增新來源。示意限制：全原創三卡／共同殼／固定案例配置；策略選擇與維護取捨是案例研究推導。只模擬固定Title／Tone／同一內容槽屬性與兩次殼更新，刪除回復是本站快照，無原生遷移／復原保證。原生軟體實測：未原生Figma操作、輸出或更新實測；未登入／修改真帳戶或發布資源庫。來源查核、網站瀏覽器檢查與真實軟體／真人成效分開。學習成效驗證：未真人試用，不聲稱架構選擇普遍最佳或學習成效。

參考來源

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