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

Figma Design 教材 / Class LLL

變數型別與綁定：名稱相同，為何不能接？

先看型別與目標，再查作用範圍及使用情境

找得到變數卻套不上，可能不是名稱錯誤。用有限配對盤比較六種型別、集合來源、作用範圍、Design屬性、原型四型與Motion用途。

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

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

閱讀目標

適用條件與學習範圍

兩個變數有相同名稱或相同數字，為什麼不能在每個屬性與原型動作中互換？

能說出變數的集合、型別、值及目標屬性，區分型別不合、作用範圍排除、來源未啟用與情境不支援。

只做六型及七個具名目標的有限配對，不做全部屬性登錄、別名參照解析、模式繼承、跨檔發布或原型執行；Motion只核時間／緩動的已核用途，不模擬動畫。

原理與判斷

變數保存的是有型別的值；名稱是線索，不能把一個字串自動變成寬度。套用時還要核對目標屬性、作用範圍、可用來源與產品情境。先找出是哪一道條件不滿足，比重建同名變數更能解釋原因。 接線盤的集合與數值是本站原創樣本，不是官方預設。「可套用」只代表此有限配對符合已核條件，不代表已替讀者的真實檔案完成套用或驗證。

六個型別各保存什麼

色彩保存含透明度的顏色；數值保存數值；字串保存文字；布林值保存true／false。當期官方Design變數說明另列時間（毫秒時間）與緩動（曲線或spring），用途包括Figma Motion。 數字24寫在字串與數值是不同型別。某些屬性還有值域要求：例如參考線列欄數要求整數，不透明度有範圍，不是數值就任何值都適用。本盤只用安全固定樣本，不把其數字範圍當成所有屬性的限制。

先選屬性，再找相容的值

在本盤選數值與寬度可接合；改成色彩與寬度就留下間隙。色彩可用在單色填色與漸層stop等；數值可用尺寸、圓角、間距等；字串可用文字內容與部分字型屬性；布林值可用顯隱。 相容不一定是一對一：官方列數值也能用文字內容，字串值為「true」或「false」時可用圖層顯隱。本盤將一般文案與字串true分開，避免只背「文字一定不能控制顯隱」。未列出的屬性請查官方完整表，不以盤上沒有插座推論工具不支援。

集合是來源範圍，群組是整理，模式是情境值

Collection組織一組變數與模式；群組可在集合內再整理相關變數，例如文字顏色與描邊顏色。模式是同一組變數在不同設計情境下的值，不是把複製出的另一集合改名成Dark就自動建立模式連動。 本盤「基礎值」與「產品值」是兩組獨立原創樣本，同型數值分別24與40；改集合是在換來源，不是切模式。名字相似仍須核對真集合及檔案／資源庫來源。完整模式繼承與語義別名參照留給後續問題。

型別正確，為什麼寬度清單仍不出現

Edit 變數的Scope能限制變數出現在哪些支援屬性；官方開放數值、色彩與字串的作用範圍。數值若只勾圓角，就不會在寬度候選出現，儘管兩者本來都接受數值。 選本盤數值→寬度，再切「作用範圍僅限圓角」，讀數會說作用範圍排除寬度；改圓角就能接合。兩個集合各自保存其數值的作用範圍，不把一個變數設定當成整個Figma或全部數值的全域限制。

Design六型，不等於原型有六型運算

官方原型變數說明列字串／數值／色彩／布林值四型，進階原型變數需付費方案及可編輯。時間與緩動的官方新增用途指向Motion，不能看到Design六型就假定設定變數的Target也能使用全部六型。 本盤選時間→原型，明示四型不含時間；改Motion→預設動畫時間才接合。Motion自身方案／席次與測試版條件有獨立來源差異，必須依實際帳戶核對，不因變數本身所有方案可用就保證能建立任何Motion動畫。本盤不呼叫服務或播放原生原型。

樣式組合與變數的值，可以共同使用

Text 樣式可同時保存字型、字級、行高等一組設定；變數保存一個有型別的值，也能被套進樣式。需要一起套用一組排字設定時看樣式；需要追蹤一個可引用的值與情境時看變數，兩者不必互相取代。 同檔local值、published 資源庫與消費端更新也不同。使用其他檔案的變數須有可存取且啟用的資源庫；本站不因選另一個樣本集合就冒稱做完發布與接受更新。畫面不一致時先查引用與局部設定，停止以同名複製掩蓋來源。

步驟與觀察

  1. 由新的變數入口確認權限與集合

    在可編輯的Figma Design檔，從左側navigation的變數 tab開啟管理介面。當期入口已移到左側，不需先取消畫布全部選取才能從舊右側Local 變數進入。先確認集合與現有變數來源。 操作名稱對照（中文為本站教學譯名）： 左側navigation > 變數（介面原文：左側navigation > Variables） 變數 > 集合 > + Create 變數（介面原文：Variables > collection > + Create variable） Edit 變數 > Scope（介面原文：Edit variable > Scope） 右側屬性 > Apply 變數（介面原文：右側屬性 > Apply variable）

  2. 建立一個具名的型別與值

    在集合按+ Create 變數，選類型，在第一欄填名稱、第二欄填值。用自己的普通數值或文案試驗，不複製官方練習資產。將數值與字串的「24」分開命名，記錄同名不代表同型。

  3. 套到已核的Design屬性

    選一個普通矩形，右側W／H的dropdown選Apply 變數，再從picker選相容數值。單色填色可由填滿的Apply 樣式 and 變數選色彩。沒有候選時核對型別、作用範圍及是否有可用local變數或已啟用資源庫，不改不相干的畫布縮放。

  4. 用Scope製造並修正一個反例

    在變數右鍵變數→Edit 變數→Scope，只勾數值的圓角，回寬度picker比較候選；再恢復適用屬性或Show in 所有。這是候選範圍設定，不是將數值轉成另一種型別。不要為了看得到而放開未經設計決定的全部用途。

  5. 對照原型及Motion邊界

    原型設定變數在Interaction中選Target及同型Value，四型及付費條件依官方文件核對；真正可重走的原型需後續完整流程與重設驗證。本頁只辨識型別，不宣稱接線成功就完成原型或Motion動畫。

  6. 記下來源再換條件檢查

    寫下集合、型別、值、作用範圍、目標及產品情境。換另一個值或樣式組合再核對；需要別名參照、模式、資源庫或原型運算時接續相應完整教材。本盤重設只回樣本初值，不改Figma檔案。

常見問題

同名變數在寬度清單找不到

先看是否數值，再查Scope是否含寬高、來源是否本檔或已啟用且可存取的資源庫；名稱不是套用資格。

數值正確，仍只出現在圓角

到Edit 變數→Scope核對具名屬性；不要重建同名副本或把所有數值都當圓角限定。

字串拿去控制顯隱沒有預期效果

官方條件是字串值true／false；一般文案不符合。先辨認值與型別，或選明確布林值，不把所有字串都教成可任意控制顯隱。

Design看見時間，原型卻找不到同項

原型說明是四型；時間／緩動有Motion用途，核對具體產品與功能，不假定型別總覽等同每處都支援。

切兩個集合就以為完成多主題模式

兩個獨立集合不是同一集合的模式；核對引用與情境值，再處理模式繼承或別名參照。

套變數後以為所有字型設定都一起改

變數是一個型別值，文字樣式才可組合多種排字設定；檢查實際綁定及局部屬性。

適用範圍與證據

原教材查核日期：2026-10-22 適用範圍：Design local變數官方列任何方案，建立及編輯需可編輯；模式數、資源庫發布與原型進階變數另有方案條件。原型文件列付費方案／可編輯；Motion資格另核，不從型別表推任何席次都能用。 來源狀態：2026-10-22 Scrapling取得並閱讀V01管理／Scope及V02套用正文；六型S16、原型S46及樣式S15沿2026-10-21保存正文，今日讀cache不冒稱重抓。只核本文具名用途，不代表所有屬性與當期服務資格已實測。 示意限制：本站原創兩集合樣本、六型卡匣及七個目標耦合器；只核有限配對，寬度／填色／布林值顯隱有限預覽，其餘只顯值與配對。非原生變數系統、別名參照／模式／資源庫／原型或動畫引擎。 原生軟體實測：僅本站公開瀏覽器驗證，未操作原生Figma／Motion或輸出實測。 學習成效驗證：未真人試用，沒有學習成效證據。

參考來源

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

相關知識