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

Figma Design 教材 / Class LLL

樣式引用:整批改字級,哪一份會跟著變?

共享配方、局部外觀與解除引用分開看

整批改字級前,先查文字是否引用同一個樣式。比較改本地定義、改不屬於文字樣式的填色、解除連結保留值及重新套用,分清五類當期樣式、單一變數值與跨檔資源庫更新。

撰寫與維護:Class LLL · Lab Light Label|預估閱讀 13 分鐘

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

閱讀目標

適用條件與學習範圍

三份文字現在一樣大,為什麼改同一份樣式後只有其中幾份跟著變?要做局部例外,先判斷哪個屬性屬於這份樣式。

能區分改樣式定義、改未納入的局部屬性與解除引用;預測本地更新會影響哪些物件,知道相同數值不代表共享來源。

只示意同檔本地文字配方的字級/行高、獨立填色及整份解除連結,不模擬混合字串覆寫、字型排版、跨檔發布接受、Motion時間或原型轉場。

原理與判斷

把每份文字改成24,和把它們引用的文字樣式改成24,畫面一時可能一樣,維護責任卻不同。引用讓物件從同一份定義取得屬性;解除或只抄數值後,未來修改來源不會再替它更新。先查樣式來源,才能選對整批變更的位置。 局部例外也要分清範圍。文字樣式可含字型與排字設定,但填色不在其中;B改填色可以保留文字樣式。若本例要讓B字級獨立,就明確解除連結並保留當下值;這不代表Figma所有局部文字變化都必須解除連結。

五類當期樣式,各有作用對象

色彩樣式用於填色/描邊,可保存影像、漸層、pattern、shader 填色等外觀;漸層不只存一個色碼,方向等也屬配方。Text 樣式針對排字。Effect 樣式可組合陰影、模糊、texture、noise或shader 效果;多個效果可共同保存。排版參考線樣式保存row/column/grid參考。Animation 樣式保存Motion中的位置、縮放、rotation、size、不透明度或路徑動畫,可組多種動畫並使用timing/緩動變數。這是五類,不把舊四類列表當全部當期功能。

先建立一個有名字的本地配方

無選取時在右側Local 樣式旁按+,選類型、命名、描述並設屬性後Create 樣式;或先選具有目標外觀的物件,在相應屬性旁開Apply 樣式 or 變數,再建立新樣式。描述應寫用途與條件,例如「內文/閱讀區」,避免只寫當前數字而讓未來改值失去意義。Animation 樣式有額外條件:只能在Motion內從物件建立。教具已備好一份原創配方,沒有替讀者寫入Figma。

套用引用,不只是看起來相同

選物件、開對應屬性的樣式 picker並選樣式,才是在引用定義。當前檔案的local 樣式與有權存取的資源庫都可能出現;圓形縮圖代表樣式,顏色變數是方形。顏色picker裡選某樣式顏色只設定顏色,不等同套用樣式引用,日後查更新不能只靠外觀。本站C是手動抄初始數字的文字標本,只展示「相同值≠相同來源」,不假裝文字有相同顏色picker流程。

文字樣式包含什麼,局部改什麼

文字專文列字族/字重/字級、行高、字距、段距與縮排、裝飾、大小寫、清單及OpenType;不含水平/垂直對齊、color/填色與尺寸調整。可套整層或文字範圍,未包含的屬性仍可局部改,也可另套color/效果樣式。官方另列Command+B/I/U可改部分文字而不破既有文字樣式;本站不推廣為所有屬性或所有混合字串皆同規則。本台只讓未納入的B填色保持獨立。

改本地定義與解除連結的時間點

清空選取後在Local 樣式找定義並進Edit,或從已套樣式的文字打開picker編輯;本地文字樣式儲存修改後,引用它的文字跟著更新。本台A固定引用,B可解除,C從未引用。解除連結保留解除當下屬性,再可獨立修改;不是回預設、刪物件或清空文字。重套樣式會帶回本例字級/行高,獨立填色仍在。要可預測地比較,先解除,再改來源,觀察B留在解除時數字。

共享整組外觀,或取一個變數值

樣式可同時表達一組值,例如字族+字級+行高,或多層填色/效果。變數保存可重用的單一原始值,模式決定當次取哪一個值;變數可以支援樣式屬性,兩者能組合,並非變數取代樣式。樣式不提供變數那樣的別名參照鏈。教具同時改字級與行高讓配方的責任可見,但不模擬變數型別/模式或全套設計代碼結構;有需要補讀既有變數頁。

跨檔更新另有發布與接受

本地樣式在同檔重用,建立/編輯須可編輯,官方列所有方案。跨檔資源庫不要與本地自動更新混淆:文字專文列發布需付費方案、使用者至少能檢視來源資源庫並能編輯目標檔;套用專文列教育方案/專業方案/組織方案/企業方案的樣式 libraries條件。來源樣式要回資源庫檔編輯、發布更新,訂閱檔還需審查/accept。未看到樣式時先核來源、發布、權限與已加入資源庫,不能用本站即時結果宣稱帳戶有跨檔資格。

Animation 樣式不是原型轉場選單

當期參考線明確限定animation 樣式只在Figma Motion套用,建立也只能在Motion從物件產生。它可含多種動畫屬性,並引用timing/緩動變數;這些名詞不代表Design 原型的導覽至轉場或智慧動畫。本頁交付樣式家族的識別與邊界,未核帳戶當期Motion資格或測試版方案,不啟動Motion、播放假轉場或製作時間軸。需要實作動畫時應另查專屬功能及當期服務條件。

帶回真稿前,先選一個有理由的例外

先列應一致的物件,再查每份是否引用同一個定義。若只是B需要另一填色,可以在文字樣式之外處理;若B排字應長期獨立,明確記錄解除連結的理由,或考慮另一份有語義名稱的樣式。不要為了暫時看起來一樣而抄滿數字,亦不要把所有例外都塞回共享定義而誤改其他內容。本台不評分視覺品質,最後仍要在真稿換內容及尺寸檢查可讀性。

步驟與觀察

  1. 找出引用來源

    選取目標文字,在Typography旁查樣式名稱;分清定義檔、套用物件與目前選到的文字範圍。 操作名稱對照(中文為本站教學譯名): 右側 Local 樣式 > + > 類型 > Create 樣式(介面原文:右側 Local styles > + > 類型 > Create style) 選物件 > 對應屬性旁 Apply 樣式 or 變數(介面原文:選物件 > 對應屬性旁 Apply styles or variables) Typography > 樣式 picker > Edit 文字樣式(介面原文:Typography > style picker > Edit text style) 對應樣式 > 解除連結樣式(介面原文:對應樣式 > Detach style)

  2. 建立或選用本地樣式

    在Local 樣式新增Text類型,設字級/行高並命名;或從已排好的文字層建立,再套到A與B。

  3. 先做不在文字配方內的例外

    只改B填色,確認文字樣式引用仍在;本站切換B局部填色後再改共享字級,B排字仍跟著更新。

  4. 比較解除當下與後續更新

    對B按解除連結樣式,記錄當時字級/行高;改本地定義後看A更新、B留原值、C因從未引用而不跟。

  5. 獨立調整或重新套用

    本台B解除後可改局部字級/行高;若要重新受配方管理,再套樣式並確認哪些屬性屬於配方,填色獨立保留。

  6. 需要跨檔才查資源庫流程

    回來源檔編輯、發布,再於訂閱檔審查/accept;核付費/教育方案、檢視來源及編輯目標權限,勿把同檔結果外推。

常見問題

整批更新只有幾份跟著變

查是否真引用同一個樣式、是否已解除連結、是否只是抄值、或正在另一檔等待發布/接受更新。

以為解除連結會清掉目前外觀

解除連結保留當下屬性,只中斷引用;先記錄解除前數字,改來源後再比較。

改B顏色卻怕文字樣式失效

Text 樣式不包含填色。區分文字與色彩樣式各自引用;本台的填色是局部原值,不假造另一色彩樣式。

同樣色碼,卻沒有跟來源改色

可能只在color picker取了色,未套樣式引用;重新核對相應屬性旁的樣式,而非只看像不像。

想切深淺模式卻建立一堆同義樣式

先辨認要共享一組外觀還是一個依情境取值的變數;模式/別名參照由變數負責,樣式可引用變數。

在Design原型找不到animation 樣式

當期animation 樣式限定Figma Motion;勿與原型轉場或timing/緩動變數互當同一功能,另核產品與服務資格。

適用範圍與證據

原教材查核日期:2026-10-22 適用範圍:Figma Design本地樣式所有方案、可編輯;跨檔資源庫按具名來源核方案、檢視來源/編輯目標及發布接受。Animation 樣式限Figma Motion,不由所有方案概述推帳戶Motion資格;未原生Windows/macOS介面實測。 來源狀態:2026-10-22以Scrapling get --ai-targeted新讀五篇官方專文。Text style屬性以文字專表為準(fill不包含),不沿guide概述中text fill變更的矛盾例子。變數比較只採核心組合/單值與alias,未照抄其中過時scope及code syntax進度。 示意限制:原創配方標本架與可選取DOM,字級/行高、接頭與引用數同源;解除連結複製當下值,B局部填色獨立,C只抄初始值。非完整文字覆寫/Figma排版引擎、資源庫更新或Motion模擬。 原生軟體實測:未在原生Figma建立/發布/解除樣式、取色或Motion實測;官方查核與本站公開驗證分開。 學習成效驗證:未真人可讀性或共享樣式維護成效實測。

參考來源

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

相關知識