Class LLL / 設計星團教材目錄編輯與來源

Figma Design 教材 / Class LLL

內容槽：卡片內容不同，怎樣保留元件連動？

把可變內容留在有邊界的區域

卡片內容不同，不必立刻解除連結。原生內容槽屬性讓實例在指定區域內增減、改尺寸與重排內容；外框仍與主件連動。用內容承接框比較內容槽、單一實例替換與解除連動，並試看指引警告、來源更新及刪除屬性的內容風險。

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

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

閱讀目標

適用條件與學習範圍

同一種卡片有不同數量、種類與順序的內容，怎樣保持外框更新而不把所有內容寫成變體？

能選內容槽承接可變內容、替換替換一個引用，說出來源控制的結構與刪除屬性會重設實例內容的風險。

固定一個內容槽屬性、三個原創內容樣本與一個Accessory引用。同檔來源更新只示範外框／流程，完整自動排版、跨變體保留、資源庫遷移發布、所有復原與版本／分支流程另頁；不操作真帳戶。

原理與判斷

卡片的邊框、留白與內容區可以有共同規則，而內容的數量、型態與次序依情境不同。若每一種內容組合都複製一個變體，設計集合容易膨脹；若直接解除連結，則失去與來源主件的連動。內容槽讓來源定義可變區，實例在這個邊界內組合內容。 自由度不是整個元件任意改。先指出哪部分應該能新增與重排，哪部分應保持來源控制，再決定內容槽、實例替換或其他結構。這是本頁的選擇問題，而不是把所有元件都換成內容槽的規則。

原生內容槽屬性是指定的可變內容區

官方內容槽是一種元件屬性，設在main內的nested 框架；實例可以在其中加入、移除、改尺寸與重排圖層，而不用解除連結。可放各類圖層，包括文字、圖片及巢狀實例，也可以空白或帶預設內容。內容槽在Figma Design所有方案可用，建立需要文件可編輯；實際座位與資源庫存取仍依當下服務條件。 承接框預設有標題，再加入圖片和動作實例，三種內容同時存在且可改順序。本站只給每種一份、共三個樣本以維持圖面可讀；這個容量不是原生內容槽上限。圖片與圖示均為本站原創示意，沒有匯入官方教材素材。

建立屬性還要指派nested 框架

在main內選nested 框架，右鍵Convert to slot並命名，是直接的建立方式。選的不是框架或是多個物件，可用換行 in new slot。也能先從main右側Create 屬性選內容槽，但這只建立屬性，還必須選nested 框架、Convert to slot並套用既有屬性，才有實際內容區；不能把內容槽綁在元件最上層。 用用途名稱如Body content、清楚描述可放內容與預設，比內容槽 1更能解釋設計意圖。官方支持同一元件組跨變體套用同一內容槽屬性；這不等於任意刪除重建、跨來源或不同結構都必然保留。本站停在同一屬性，沒有模擬所有跨變體保留。

內容能改，位置與流程仍由主件控制

實例內內容槽的孩子可以像框架內容般新增、重排和移除；內容槽層本身可改填色、描邊、不透明度、效果、名稱與匯出設定。但內容槽的位置、auto 排版流程與約束屬於實例底層結構，需回main修改，不能因內容自由就推論整個實例結構自由。 按更新主件外框，本台在來源改框面版本與直／橫流程，原本內容槽屬性保持，標題／圖片／動作的內容順序仍在。同檔來源修改與跨檔資源庫的發布／accept是不同流程；本站不模擬遠端發布。原生可設新增項目預設填滿counter-axis：直向流程填X、橫向填Y；本台採固定幾何，未重現完整尺寸引擎。

推薦與數量警告用來提醒，不是權限鎖

來源可設定minimum／maximum 圖層 count及preferred 實例；Only allow preferred 實例傳達使用推薦來源的設計意圖。實例選內容槽或父實例時，右側Limits可檢查符合項與警告，查看不符合的圖層。官方將數量限制設計成指引，超過後會警告仍可繼續；偏好也應依Limits檢查，不能當安全性或檔案權限。 本台建議1–2項，第三項仍能加入並保留。開啟只推薦動作指引，現有文字或圖片會出現提示，不被刪掉；推薦不是把每個圖層變成實例，也不是攔截任意內容的權限系統。內容不合用途時先檢查與調整，別只為消掉警告解除連結。

內容槽、實例替換、變體與解除連結各回答不同問題

一個固定部位最多需要一個巢狀引用，例如Accessory用Calendar或Info，用實例替換能表達受控替換。可變區需要同時容納多項文字、圖片或元件並改次序，則內容槽更合適。尺寸或互動狀態等離散設計則通常用變體，而不是為每種內容排列建一種。這些是選用判斷，不是互斥的元件種類。 本台Accessory選單始終只有一個引用；換Info不會增加內容槽的內容數，也不會改原有三項順序。解除連結會失去外層實例與main的連結，可能有必要但不能只當找不到內容入口的捷徑；完整覆寫與解除連結操作由專責教材處理。內容槽裡不能直接為內部一般圖層套元件屬性；先在另一main定義屬性，再放其實例進內容槽，內層屬性才會保持可用。

清空、重設與刪除屬性不是同一件事

刪除 contents清掉內容槽內所有圖層，讓使用者重新組合；重設 slot則把該內容槽恢復成main的預設。屬性有本地修改時會有Modified標記。本站清空得到零項與低於建議提示；重設內容槽回預設標題，但不撤回外框來源更新、Accessory或學習標記。 官方警告：從main刪除內容槽屬性會讓已修改實例的內容槽區回預設，實例新增圖層會被移除；main原有框架與內容仍保留。先在獨立分支測試，再審核發布；若方案／權限沒有分支，先建立可回復副本作隔離檢查，不把分支當所有帳戶都有。記錄受影響實例與新增內容，試刪後逐一比較，確認實際回復路徑與內容再改正式來源。本台提供操作前快照教觀察損失與比較，僅保存本地示意資料，不能據此保證原生復原或版本保留。

步驟與觀察

  1. 先界定哪一區內容會變

    在可編輯的Design來源中，辨認固定外框、單一Accessory與可增減的Body content。只有替換一個圖示時先考慮替換；需要不同數量與順序時再考慮內容槽。先複製或準備可回復的測試資料，避免直接改正式庫。 操作名稱對照（中文為本站教學譯名）： 主元件 > nested 框架 > 右鍵 Convert to slot（介面原文：Main component > nested frame > 右鍵 Convert to slot） 主元件 > 屬性 > Create 屬性 > 內容槽 > 指派nested 框架（介面原文：Main component > Properties > Create property > Slot > 指派nested frame） 非框架或多層選取 > 右鍵換行 in new slot（介面原文：非frame或多層選取 > 右鍵 Wrap in new slot） 實例 > 內容槽 > More actions > 重設 slot／刪除 contents（介面原文：Instance > Slot > More actions > Reset slot／Delete contents）

  2. 把nested 框架變成內容槽

    選main內的nested 框架，右鍵Convert to slot並設定用途名稱與描述；若選多個非框架圖層則用換行 in new slot。從Create 屬性建立者還要把既有內容槽指派到nested 框架；最上層元件不能直接綁。

  3. 設定預設與可讀的指引

    選main的內容槽屬性 > Edit 屬性，決定是否預放內容、minimum／maximum及preferred 實例。若開Only allow preferred 實例，說清推薦用途；空內容槽指示與counter-axis預設填滿也在此設定。這些數量／偏好不要當內容安全鎖。

  4. 到實例加入並重排

    在內容槽內直接建立、複製、從畫布／資源加入圖層，或用Add 實例挑來源；推薦清單可協助找合適項目。查看Limits與不符合層，確認內容是否符合用途。本台用加入、移除、向前按鈕代替拖曳，數量三項也保留。

  5. 從來源更新並核對保留範圍

    保持同一內容槽屬性，從main修改內容槽結構如位置／流程／約束或固定外框，再檢查實例的本地內容與順序。同檔即時傳遞不要混同跨檔資源庫發布接受；跨變體或遷移時另做實際檢查，本站未原生實測。

  6. 分辨清空、重設與移除前的可回復檢查

    選內容槽 > More actions > 刪除 contents可清空；重設 slot回main預設，或由實例 More actions > 重設 specific changes選該內容槽屬性。刪除屬性前記錄實例新增內容，在可用分支或隔離副本試刪，核對重設與實際回復結果再改正式來源。本站快照只復原本站示意。

常見問題

Create 屬性新增內容槽後，實例還不能加入內容

建立屬性不等於已定義內容區；在main選nested 框架用Convert to slot套既有屬性，確認不是綁最上層。

想在實例改內容槽位置或流程

這些是main控制的結構。內容可以重排，但內容槽本身位置、流程、約束需回main；不要先解除連結逃過來源管理。

超過maximum或加入非推薦內容，以為檔案壞了

查看Limits與警告的圖層，這是設計指引。依用途調整，不能把數量或偏好當不可越過的權限鎖；本站第三項仍保留。

只想換圖示，卻開放整個可變內容區

固定單一巢狀部位先評估實例替換；內容槽適合增減／重排多種內容，變體承接離散型態。選所需自由度。

把一般文字移進內容槽後想直接綁元件屬性

內容槽內一般圖層不能直接套元件屬性。若需要內部控制，先在獨立main建立屬性，再放其實例入內容槽；別把移動後的綁定視為必然保留。

刪除屬性後實例新增內容不見

官方定義會回預設，新增內容可能被移除。先停止正式發布，在先前準備的副本／分支及實際可用歷史檢查回復；先測保留與回復再變更，不把清空、重設與刪除混為一談。

適用範圍與證據

原教材查核日期：2026-10-22 適用範圍：Figma Design，官方列所有方案、文件可編輯可建立內容槽；Web／桌面版依具名右鍵與屬性入口，實際座位、資源庫與分支服務條件另查。不把未列測試版推成永久承諾。 來源狀態：S1／S2於2026-10-22以Scrapling新取200並讀完整教學正文；S1與21日S14 raw hash相同。屬性C1為22日已取讀來源，日期與原21日cache分開；未擴寫未讀library遷移、MCP或完整branch流程。 示意限制：全部原創內容承接框／圖形，固定同一內容槽屬性、三個不同樣本及單一Accessory。數量與偏好顯示警告但保留內容；來源流程更新、刪除屬性回預設及本站快照只涵蓋有限示意。不是原生Figma引擎、完整自動排版或復原保證。 原生軟體實測：未原生Figma操作或匯出實測；未登入、操作真檔、發布資源庫或修改權限。來源查核與本站公開瀏覽器驗證分開。 學習成效驗證：未真人試用，不聲稱學習成效或正式資源庫遷移驗收。

參考來源

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

相關知識