Figma Design 教材 / Class LLL

Draw：改路徑、筆觸，還是表面？

把來源幾何、描邊樣式與質感責任分開

筆觸粗細不只是一個大小值。用原創三點線架分開改路徑、均勻／收尖筆寬與顆粒，再核對Draw的鉛筆／筆刷、Basic／動態、重複Transforms、雜訊／紋理及回改／輸出限制。

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

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

閱讀目標

辨認Draw仍在Design editor內、工具與來源資料的關係
分開路徑、筆寬設定檔與表面質感
核對各描邊及Transform家族的輸入與控制
用回改需求與目標格式檢查轉外框及輸出代價

適用條件與學習範圍

同一條路徑看起來更粗、更抖或更有顆粒時，改的是來源點、描邊樣式，還是效果？

先理解向量來源、開放路徑與描邊轉外框定型代價；下方可真補讀FG06。

能指出Draw各家族的作用對象、主要控制與限制，保留來源後再選筆觸／質感或重複排列，不把放大預覽、向量列名當原生輸出已驗證。

機構只用三點兩直線段、中心筆寬、有限收尖與24枚原創顆粒；完整筆刷／動態／Transforms／雜訊／紋理控制以正文說明，不冒充完整Draw、壓感、手繪平滑或效果輸出引擎。

原理與判斷

先保留來源，再分開看三件事：點與段決定幾何；描邊的粗細、設定檔與樣式決定筆觸外觀；雜訊／紋理等效果影響表面或邊界。畫面看似一樣，能回改的資料可以不同。 Figma Draw是Design editor內的視覺工具集合，不是另一種獨立Design檔；toolbar切Draw可用插畫工具，部分Design功能在此不可用，切回Design才能使用完整Design功能。22日官方Draw／插畫／Transforms／描邊／效果專文皆列所有方案、可編輯。

鋼筆、鉛筆與筆刷的入口不同，仍有向量來源

Draw工具列提供鋼筆、鉛筆、筆刷。鋼筆逐點定幾何；鉛筆／筆刷沿手繪路徑自動放置vector points，點數隨路徑長度與複雜度而變，之後仍可進向量編輯模式編修。鉛筆適合線稿，筆刷另以筆刷樣式增添手繪外觀；不要以「像像素筆」判定資料一定變點陣。選Draw，再選鉛筆／筆刷，以secondary toolbar設描邊填色、粗細、樣式，拖曳繪製；Shift可畫直線。Mac Command／Windows Control點既有描邊可採樣其填色、粗細、樣式。既有描邊也能套brush 樣式；不必重畫才可換筆觸。本站沒有手寫輸入、平滑器或硬體壓力讀值，不拿幾個折線點假冒手繪錄製。

Basic、筆刷、動態各有控制，不是一個通用柔順值

選支援的圖層，描邊 > 進階描邊 settings可調家族。Basic可用uniform、Dashed或Custom dash pattern，虛線長度／虛線間距／端點分開控制；虛線原生首尾是半長dash，想改半dash可轉外框後編點，但會失去描邊參數。筆刷 tab選預設或自訂樣式，Direction控制沿路徑流向；筆刷只支援置中位置。動態描邊讓外觀有不規則起伏：Frequency決定起伏數量，Wiggle決定幅度，Smoothen決定起伏鋸齒感，亦只支援置中。Smoothen不是本站保證所有鉛筆／筆刷都有的通用平滑或壓感控制。描邊的多個填色共用位置、粗細、寬度與樣式，不能用不同填色假裝每一層有獨立筆寬。端點／join／dash與獨立邊的完整邊界由描邊效果票承接，本票不以列名假稱已模擬。

寬度設定檔與Variable 寬度有不適用輸入

寬度設定檔可把均勻描邊改成兩端漸細等外觀，用來模擬壓力變化；不等於來源真的記錄了手寫壓力。它與Variable 寬度都不能用於branching vector network、動態描邊或dashed 描邊。分支可在保留母稿後用Split vector分成個別paths，再按需要選工具。 Variable 寬度在向量編輯模式的secondary toolbar，沿描邊加寬度 point，以handles或數值調寬，可移點／刪除移除；來源節點與寬度 point不是同一種控制。彎曲工具則加Bézier handles改曲線長度與斜率，並有各自handle mirroring。本站用3來源點與2直線段、均勻或端寬2的有限帶形，中央抬高改幾何，筆寬／收尖不改來源點，不能外推任意Bézier、分支或原生設定檔數值。

自訂延展與Scatter先準備封閉單一向量圖層

自訂brush來源可為單一向量圖層，例如形狀、自訂封閉向量或flattened 文字；只有closed paths可作來源。若來源是筆刷／鉛筆畫出的open 描邊，可先複製母稿，再描邊轉外框轉封閉vector。定型文字也會失去文字編輯，不為了建立筆刷就覆蓋唯一原稿。右鍵向量圖層 > Create brush：延展 brush沿描邊長度拉伸樣式；Scatter brush沿路徑重複樣式。建立後從toolbar 筆刷樣式或進階描邊 settings存取。自訂brush預設只在原檔；要跨檔，複製一個已使用該brush的圖層到新檔，brush加入選單後即使刪除帶入層仍可用。這不是宣稱它已自動發布到所有Library或每個帳戶。

Transforms是可回改的重複排列，不是任意幾何形變

Draw的Additional transform modifier目前專文列兩類：Radial repeat圍繞中心重複；Linear repeat沿水平或垂直重複。輸入是設計物件，加入後放入transform 群組，保留原始物件供選取／修改，也可再加物件。選modifier後點右側欄的transform，調repetitions與間距。此時重複外觀不代表畫布已多出每一個獨立圖層；滿意後Apply transforms to selection才轉成圖層。需要繼續調來源及排列時先保留transform 群組副本，不把「Apply後仍保有所有modifier控制」當保證。這裡Transforms是重複排列家族，不能單憑中文「形變」擴寫成未核的warp、封套或所有軟體相似功能。本站線架沒有偽造Radial／Linear按鈕。

雜訊加顆粒，紋理改邊界；效果排序也有影響

選圖層 > 效果加號，再選雜訊或紋理並開效果設定，兩者可用於任何圖層類型。雜訊每物件最多2個：Mono／Duo／Multi決定色數；雜訊 size分X／Y尺度，Density決定濃度，Mono／Duo設color與不透明度，Multi設不透明度。它是表面隨機像素效果，不是更多vector points。紋理每物件最多1個：尺寸改X／Y尺度，Radius決定往圖層 boundary外擴多少，裁切 to shape限制在形狀內；clipped texture仍可影響drop shadow的紋理。圖層模糊與未clip 紋理會跨出邊界，雜訊／clipped 紋理通常不外擴，但在效果排序高於這類外擴效果時也可能外擴。不能只說「雜訊永不越界」或把紋理當單純點狀雜訊。完整shadow／模糊／玻璃效果由效果主責承接；本台只24枚確定性方粒，不假稱重現任一原生取樣。

回改、縮放檢視與輸出是三次不同判斷

原生描邊轉外框會把描邊變成可編點shape，描邊屬性不能再改；復原或原生版本歷史是復原入口，不是結果shape仍保有舊粗細／筆刷參數。普通調整尺寸保留描邊粗細，縮放工具會一起縮放描邊屬性；檢視縮放檢視只是看得更大，兩者都不同於匯出縮放。本站1×／2×只放大SVG預覽、模型筆寬與路徑不變。 PNG／JPG是點陣；JPG有損且無透明，PNG適合透明圖形。SVG輸出描邊成填色，不代表還能以原筆刷參數回改；inside／outside 描邊需要simplify等轉換。官方SVG／PDF 匯出縮放僅1×，另設像素格式倍率不等於原生向量更精細。效果專文明示玻璃效果不支援SVG；本票沒有證據保證每種筆刷、雜訊或紋理在所有格式與閱讀器都完全一致。保留原檔，以目標尺寸、100%檢視及實際匯出檔驗證；本站未做原生輸出實測。

步驟與觀察

保留來源，先決定改哪一層
複製原稿，確認是vector network、open 路徑、closed region或結果shape。問要改路徑幾何、描邊樣式、重複排列或效果，再選工具，避免先轉外框唯一來源。操作名稱對照（中文為本站教學譯名）：工具列 > Draw／Design切換 Draw工具列 > 鉛筆／筆刷／鋼筆（介面原文：Draw工具列 > Pencil／Brush／Pen）描邊 > 進階描邊 settings > Basic／筆刷／動態（介面原文：Stroke > Advanced stroke settings > Basic／Brush／Dynamic） Draw右側欄 > Additional transform modifier（介面原文：Draw右sidebar > Additional transform modifier）效果 > 雜訊／紋理（介面原文：Effects > Noise／Texture）
切Draw並分開設定描邊控制
工具列切Draw，選鉛筆／筆刷，secondary toolbar設填色／粗細／樣式再繪製；既有描邊可由進階描邊 settings換Basic／筆刷／動態。依家族確認Direction或Frequency／Wiggle／Smoothen，筆刷與動態僅置中。
核對變寬工具條件
需要寬度設定檔或Variable 寬度先查是不是分支、動態或dashed；不適用就保留母稿選Split vector或換方法。調來源點／彎曲工具與寬度 point分開觀察，不把壓力模擬稱硬體實測。
需要自訂筆刷或重複排列時保留結構
用單一封閉向量圖層建立延展／Scatter；開放描邊先複製再轉外框。Transforms從Additional transform modifier選Radial／Linear，保留群組調來源及count／間距；Apply轉圖層前另存可回改副本。
分開雜訊與紋理並核對排序
效果新增雜訊調color模式／size／density，或紋理調size／radius／裁切 to shape；檢查與模糊／shadow先後及可見外邊，不用同一顆粒值代所有質感控制。
回原生原尺寸與輸出檔檢查
比較普通調整尺寸、縮放工具、縮放檢視與匯出縮放，保留來源檔與目標格式；以100%及實際匯出檔看筆寬、顆粒、外邊及透明。跨格式未測就標未測，不把本站2×或SVG截圖當Figma輸出證據。

常見問題

調粗筆觸後來源點沒有增加

粗細與設定檔改外觀，不必改中心路徑。想改彎折用來源點／彎曲工具；想轉輪廓前保留母稿。

分支或虛線找不到Variable 寬度

官方不支援branching network、動態及dashed；可先保留母稿，再依需要Split vector或換描邊家族，不假說所有樣式都可疊。

自訂筆刷無法用開放路徑建立

只接受封閉單一向量圖層；複製後轉外框可作來源，但描邊參數會消失，原稿要另留。

重複圖案看得到，卻不是很多獨立圖層

Transform 群組保留來源及modifier；Apply transforms to selection才轉圖層。需要回改先保留群組，不用定型替代所有步驟。

紋理外緣或雜訊排序後變了

查Radius／裁切 to shape及效果順序；圖層模糊或unclipped 紋理會改外擴與其他效果範圍，不能把所有質感當同一顆粒層。

2×預覽看起來細，匯出卻不同

縮放檢視不增加輸出像素或保留原生筆刷參數。核目標格式、匯出縮放與效果支援，開實際檔比較，不以本站示意保證。

適用範圍與證據

原教材查核日期：2026-10-22 適用範圍：Figma Design內的Draw；Draw／鉛筆筆刷／Transforms／描邊／效果專文列所有方案、可編輯，未把整個Draw標測試版。手機本站觸控不是原生App筆刷或硬體壓感相容證據；桌面／瀏覽器入口依當前環境。來源狀態：22日依robots單線Scrapling --ai-targeted新抓並讀Draw、illustration、transforms、stroke、effects及formats主體；edit vector與Outline沿FG06同日保存來源再讀，不冒稱全新抓。效果專文包含當期Glass及其他效果，本文僅主責Noise／Texture，其餘不以名稱宣稱全測。示意限制：原創3點2直線段，中心描邊帶、端寬2的收尖、24枚確定性方粒；來源、寬度、表面與1×／2×檢視同源。不是Figma 筆刷、動態、pressure、雜訊／紋理、Transforms或匯出引擎，素材原創。原生軟體實測：未原生Figma操作、硬體壓力或輸出實測；官方查核與本站公開瀏覽器結果分開。學習成效驗證：未真人試用，未證明學習或遷移成效。

參考來源

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