Figma Design 教材 / Class LLL

遮顯：內容被哪一層規則擋住？

先定位作用層，再比較框界、遮罩與合成

內容消失時，先核對框架的裁切、遮罩的類型與兄弟堆疊，再查整層不透明度與父層混合隔離。三盤保留來源、遮罩來源與結果，用深淺底確認哪些內容仍存在、哪些背景參與合成。

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

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

閱讀目標

分清框架裁界、遮罩來源及整層透明的作用集合
按透明色版／向量／明度選來源
核對遮罩下方位置、上方同層項目及停止邊界
比較父正常／穿透及深淺底，不誤認刪除

適用條件與學習範圍

同一塊內容看不見，如何判斷是超出框架、被遮罩限制、不透明度為零，還是混合後融入背景？

先辨真實圖層面板歸屬及堆疊，再分來源圖像與填滿取景；下方可真補讀已完成FG04與FG08。

能指出藏住內容的具體層、類型與影響集合，調正對象後恢復觀察，不套用Ps／Ai遮罩規則或把遮罩當父層。

教具只兩矩形來源、單一三欄窗、有限黑白／透明色版與正常／色彩增值／濾色；不模擬任意影像、彩色亮度、複雜遮罩終點、效果或Figma色彩引擎。

原理與判斷

「看不見」是結果，不是原因。框架裁切內容只限制容器外可見範圍；遮罩依自己的來源及堆疊範圍控制揭露；不透明度改所選層透明程度；混合則讓顏色與下方內容互動。修改前先指出作用對象。本台左盤始終保留A／B來源，中盤是獨立遮罩來源，右盤才是框界與合成結果。遮罩來源與被遮層是同層項目，不因成為遮罩就取得框架那種父層調整尺寸行為；被藏部分也沒有因此刪除。

先分框架的裁切與圖像填滿取景

裁切內容是框架屬性，隱藏其孩子超出框界的部分。它不替圖像重新選填滿／符合／裁切，也不是把外部同畫面物件全裁掉；要先查圖層面板是否真為該框架的子層。關裁切後原外側內容可再見，不等於改了來源圖檔。本台A佔c1–4全4列，B佔c3–6的r2–3，重疊4格，來源共20格。框架只涵蓋c1–4，開裁切可見16格；關閉後20格。右盤框外的B仍在左盤原稿中，不能用「少了4格」推成永久裁掉。影像填滿取景另回來源頁，不複製成另一份遮罩理論。

遮罩在被遮層下方，影響有明確終點

Figma可用vector shape、文字、含透明色版的影像、群組等圖層作遮罩。遮罩放在z軸下方，作用於上方同層項目；遇另一遮罩或遮罩物件、自己的父層框架／群組，或開裁切內容的框架／元件時有停止邊界。圖層面板的遮罩圖示與向上箭頭用來辨認作用集合，不能只看畫面重疊。本台只有同一群組內的遮罩、A、B：遮罩在最下影響A與B，移到兩者中間只影響上方B，移到最上沒有A／B可遮。這是單遮罩有限子集；多遮罩與巢狀終點在原生圖層面板逐層核對，不用本站三種次序當完整任意堆疊演算法。

透明色版看透明，向量取輪廓，明度看明暗

透明色版是預設類型，遮罩來源越不透明揭露越多；透明0不揭露。顏色黑或白本身不決定透明色版結果。向量遇任何正透明度區域便以來源輪廓作全不透明遮罩，不能把50%填色直接當50%揭露；以透明影像當向量來源時，也不能期待只沿影像可見像素輪廓。明度按亮暗揭露，黑不揭露、越亮越多。本台只比較不透明純黑／白，避免把未核的彩色亮度權重或透明色版交互式當原生公式；透明色版／向量才開0／50／100%來源填色控制。單一三欄窗、遮罩在最下且不裁框時，透明色版50揭露12個部分透明取樣格，向量50同12格全揭露；遮罩來源不透明度0兩者均無可揭露內容。這不是通用Ps白黑遮罩，也不是Ai剪裁路徑的全部規則。

建立、移動與移除時保留來源關係

先把準備作遮罩的物件放在被遮層下方，選入本次作用集合，右側欄更多選項 > 設為遮罩。只有單一圖層被選時可直接用設為遮罩。原生建立遮罩群組後預設透明色版；選真正遮罩圖層，再從遮罩下拉改類型。Mac Control＋Command＋M、Windows Ctrl＋Alt＋M是官方本動作入口，不泛化成所有工具快捷鍵。遮罩和被遮層可獨立移動／調整尺寸，兄弟不會因遮罩改尺寸就像父層那樣一起變。要加入內容，圖層面板拖入既有遮罩物件；要停用，選遮罩右鍵移除遮罩或用同一切換，藏住的部分會回來。需要核對輪廓時檢視 > 遮罩輪廓可顯示綠邊；若全部被遮層隱藏或不透明度0，輪廓也可能不出現，不憑綠線缺席就判定無遮罩。

整層、單一填色與父群組不透明度作用集合不同

先選圖層面板的正確對象，再改其不透明度；某個填滿／描邊填色的不透明度只改那一項色彩填繪，整層不透明度則作用於該圖層，父群組又涵蓋其結果。官方Node文件也把群組的不透明度列為node屬性。不要看到一個百分比就假設改的是遮罩來源、整張卡或所有子層。本台只兩個無描邊／效果矩形，選A改50%不會把上方B一起變半透明；選正常父群組改50%則把群組中介結果再與背景合成，所以重疊區可不同。這個有限RGB合成是本站原理約定，不能保證Figma任意效果、穿透與透明群組逐像素相同。為縮小模型，本台父群組不透明度比較只在正常開放，不代表原生穿透禁止調不透明度。不透明度0保留內容資料，也不能當成圖層面板隱藏、鎖定或刪除。

正常隔離，穿透允許子層混到群外

原生整層混合模式在Appearance > Apply 混合模式；填色／描邊填色在color picker，inner shadow／drop shadow／noise也有各自混合。每個圖層、色彩填繪或支援效果各有自己的模式；使用color 樣式的填色不能直接套混合，可改整層或樣式本身。穿透只可用於圖層，不可套填色／效果；正常是fills／效果預設，穿透是圖層預設。父正常限制子層與父層外下方內容互混；穿透則允許。色彩增值與黑混為黑、與白混保留原色；濾色與白混為白、與黑混保留原色。這些是觀察邊界，不等於把色彩增值總稱「增加透明」。本台B有一部分超出A，關框架裁切後可用c6r2看真正底色；父正常隔離時該處不混群外底，穿透才跟深淺底一起變。更多混合家族與色彩管理需原生目標檔核對，本站只示意三種。

恢復觀察要改原因，不先破壞原稿

先查隱藏／不透明度0與作用層，再關框架裁切看框外，再停用或調遮罩類型／來源／堆疊，最後以深淺底查混合範圍。每次只改一條規則，說出哪些內容應回來；若先定型、轉外框或刪遮罩來源，可能把診斷需要的結構破壞掉。遮罩、裁界與合成可能同時存在，關其中一項不保證全部內容可見；開裁切也不保證輸出外緣符合用途。原生素材、效果、顏色空間及匯出檔另驗，本台離散格數與RGB讀數只驗明示模型，沒有Figma像素等效或真人學習證據。

步驟與觀察

由圖層面板指出消失內容與作用層
保留母稿，在圖層面板找真正子層、遮罩、父層與同層項目，檢查隱藏及不透明度；不要由畫面位置猜歸屬。操作名稱對照（中文為本站教學譯名）：選框架 > 裁切內容（介面原文：選Frame > Clip content）右側欄 > 更多選項 > 設為遮罩（介面原文：右sidebar > More options > Use as mask）選遮罩圖層 > 遮罩 > 透明色版／向量／明度（介面原文：選mask layer > Mask > Alpha／Vector／Luminance） Appearance > 不透明度／Apply 混合模式（介面原文：Appearance > Opacity／Apply blend mode）檢視 > 遮罩輪廓（介面原文：View > Mask outlines）
先查框架裁切與填滿取景
選框架切裁切內容，觀察外側孩子是否回來；若是圖像內部不同取景，回填滿／符合／裁切來源，不拿裁切替代所有裁切。
核對遮罩位置與範圍
把遮罩放被遮同層項目下方，以更多選項 > 設為遮罩建立；核遮罩群組、箭頭、上方內容及其他遮罩／父層／裁切邊界。
選遮罩來源再改類型
選真正遮罩圖層，遮罩下拉比較透明色版、向量、明度；分開改透明色版與亮暗，注意向量輪廓取法。檢視 > 遮罩輪廓只輔助核對，不當永久內容邊。
分開不透明度與父層混合
先選整層或單一色彩填繪，再改百分比；選父層比較正常／穿透，並以子層色彩增值／濾色及深淺底觀察。每個控制標清作用集合，不把不同層級的數值混用。
停用遮罩並核對原稿仍在
選遮罩右鍵移除遮罩或同一切換，被藏內容應能恢復；遮罩／內容可獨立移動調整尺寸。回原生檔核多層終點、效果與輸出，記下未核部分。

常見問題

透明色版填黑就全消失，與想像不同

透明色版看不透明度，黑白不能代替透明度；若要亮暗揭露，選明度並核來源，別套Ps口訣。

向量50%卻全揭露輪廓

向量正透明色版區域會觸發輪廓全不透明語義；要部分透明應比較透明色版，透明影像向量也未必按可見像素形狀取遮罩。

遮罩放了卻只影響一部分層

核對z軸位置、同層項目與停止邊界；遮罩須在目標下方，遇另一遮罩／遮罩物件、父層或裁切容器需逐層查。

關遮罩後仍看不見框外內容

還可能有框架裁切、隱藏、整層不透明度或其他遮罩；一次只關一條規則，回圖層面板確認。

群組與每個子層都設50%，重疊處卻不同

父群組結果與逐子層透明作用集合不同；核父層模式及層級，不以數字同為50當等價。本站只正常透明中介模型，原生效果另測。

換深淺底，子層色彩增值卻不跟群外變

查父正常是否隔離，或是否被框架裁掉；穿透在圖層層允許穿透，不能套到填色／效果。

適用範圍與證據

原教材查核日期：2026-10-22 適用範圍：Figma Design；Masks列任何團隊／方案與編輯，框架及混合列所有／所有方案與可編輯。預設遮罩透明色版、當期更多選項／遮罩入口按官方正文；桌面／瀏覽器與語言依環境，不宣稱原生手機相同。來源狀態：22日robots允許後單線Scrapling --ai-targeted新抓Masks／blend／Frame並讀相關主體；color picker沿FG08同日來源；官方GroupNode以web開啟核opacity段（非Scrapling、非原生檔操作），方法分開。示意限制：原創兩矩形20來源格、單遮罩三欄窗、框架四欄，同層項目堆疊與有限類型、不透明度、三混合同源；明度只不透明黑白。遮罩比較固定父／B 正常、被遮集合合成後乘遮罩透明色版一次，非原生任意組合限制。RGB採未管理0–1通道有限合成，正常群組中介乘不透明度僅本站模型，非Figma引擎／跨色域保真。無任意影像、多遮罩終點或效果輸出，素材原創。原生軟體實測：未Figma原生、像素比對或輸出實測；官方查核與本站公開瀏覽器結果分開。學習成效驗證：未真人試用，無學習或遷移成效證據。

參考來源

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