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

Figma Design 教材 / Class LLL

形狀與布林:保留哪個區域,留下哪些來源?

外觀看似相同,回改代價可以不同

圖示孔洞要保留哪一塊?用原創矩形比較四種布林、來源點與前後層,再分清向量網路、形狀建立工具、描邊轉外框及定型的回改責任。

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

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

閱讀目標

適用條件與學習範圍

兩個形狀能做出同一個孔洞,為什麼有的還能移動切孔來源,有的只剩結果向量?

能依要保留的區域及回改需求選布林或定型,知道向量網路、普通群組及單一路徑示意不是同一資料結構。

機構只計算兩個無描邊封閉矩形的平面區域,並比較來源保留。原生曲線、文字/描邊幾何、任意網路、形狀建立工具全操作及輸出相容性不由矩形結果代替驗收。

原理與判斷

先問要保留哪個區域,再問還需不需要個別來源。布林群組把來源層保留下來,改點位、尺寸或位置仍會重算;定型將層合成單一向量圖層,不能再把來源層分開。外觀暫時一樣,不表示資料與回改責任一樣。 向量網路又是更底層的點與路徑結構;普通群組只是組織容器。不要把三者都叫「合併」,也不要用其他工具相似的圖示代替Figma的具名條件。

基本形狀、鋼筆與鉛筆:入口不同,仍要看幾何

形狀工具提供矩形、直線、箭頭、橢圓、多邊形及星形,從工具列矩形旁的箭頭展開;矩形預設R、橢圓O。鋼筆預設P,逐點點擊加點,拖拉可定曲線;點既有點可封閉,Escape保留開放路徑。鉛筆用手繪路徑,產生的向量圖層也能進向量編輯模式編修;本站不模擬手繪平滑或壓力。 開放線、封閉區域與外觀不要混在一起。本站用兩個封閉矩形隔離布林區域;改A右側兩點改形狀寬度,B的點位控制則整體平移B。這不是任意拖一個錨點的完整幾何編輯器。

向量網路能分支,不等於普通群組

Figma 向量網路是由向量路徑構成的形狀圖層,路徑可向不同方向分支,不必拆成多條獨立路徑。例如中心點連向左、右、上的三段,可以共用一個三路接點;不要先假定每點都只能接前後兩段。點與段決定幾何,群組的父子歸屬不會自動把重疊點接成同一個網路。 進向量編輯模式後可選點、移點、加點或用彎曲工具調Bézier。畫面上三條線交叉也不證明共享接點;需進入編輯核對。本站原創兩矩形未示範任意分支、曲線或端點端點,不把矩形面積當成完整網路能力。

四種布林先按保留區域分辨

聯集保留任一來源覆蓋的區域;交集只保留所有來源共用部分;排除留下不重疊的部分。減去以最底層為保留基底,扣除上方覆蓋區域,因此交換來源上下可能改變答案。 A96×72面積6912,B48×40面積1920,初始B完全在A內:聯集6912、減去4992、交集1920、排除4992。此時減去與排除外觀相同,不代表操作永遠等價;將B左點移至76,只有20×40重疊,減去6112、排除7232,便能分辨。交換上下後,減去可能成B扣A;空結果不代表來源被刪除,保留布林時可移回重疊區再看。

保留布林群組,回改的是來源幾何

官方布林適用形狀圖層、向量路徑與文字,不能直接套在框架或區段。至少選兩個支援層,再從布林運算選具名運算。布林非破壞性,仍能改組內來源的位置、尺寸、旋轉與圓角;不能各自修改組內來源的填色、描邊、效果或不透明度,因為結果有共用外觀。 聯集/交集/排除的外觀依最上層,減去依最底層,再可調整結果外觀。現行文件明確指出描邊與填色都會納入結果幾何,舊布林組可能提示更新;不能照舊教學只算來源中心路徑。本站刻意無描邊、無效果,故算例不外推文字或描邊。需要拆回個別來源可用布林組右鍵Ungroup,與定型後不能分離不同。

形狀建立工具、轉外框、定型,分別失去什麼

形狀建立工具在向量編輯模式的次工具列,按區域合併、抽出或減去;Merge可拖過多區,Extract點一區,減去按macOS Option/Windows Alt再點。官方明示它會直接改來源層,屬破壞性操作;不能把它當成保留布林群組的另一顆同義按鈕。 描邊轉外框把描邊轉成可編輯形狀,之後不能再用原描邊屬性調粗細;可繼續改結果向量點。定型把所選層合成單一向量圖層,原個別層不能再分離;若對框架或區段這類container操作,會合併子層並移除container。兩者都不是「永遠不能再編輯」,失去的是原控制或來源結構。 本站「定型結果」只比較失去A/B來源後的責任:運算與來源滑桿停用,右台外觀先保持,左台是本站保留的比較稿。重設從本站原稿重來,不是原生定型的反向按鈕;原生誤操作可復原或回版本紀錄,不能承諾定型後再Ungroup找回原稿。

Ai邊界補讀:相同詞彙不能替換資料模型

本站Ai教材的單一路徑示意,是為理解錨點與路徑而選的有限模型;不能拿那個示意限制Figma的向量網路,也不能把Ai的Pathfinder或形狀建立器按鈕換字就當Figma操作。這裡以Figma官方來源分別解釋多向分支、布林群組、形狀建立工具與定型。 需要先釐清普通容器時,從下方真關係補讀本站框架與群組,再原生返回保留運算與來源條件。本站不把Ai正文混進Figma搜尋、不建立不存在的跨工具頁,也不聲稱兩個工具的向量輸出能無損往返。實際交付須在目標格式及接收工具再核外觀與可編輯結構。

步驟與觀察

  1. 建立可回改母稿

    在有可編輯的Figma Design檔用形狀工具建立兩個封閉矩形,保留副本並命名A/B。先核對前後順序,不把框架或區段當布林輸入。本站原創尺寸可用來重做比較,不需下載官方素材。 操作名稱對照(中文為本站教學譯名): 工具列 > 形狀工具/鋼筆(介面原文:工具列 > Shape tools/Pen) Enter > 向量編輯模式 > 形狀建立工具(介面原文:Enter > vector edit mode > Shape builder) 布林運算 > 聯集/減去/交集/排除(介面原文:Boolean operations > Union/Subtract/Intersect/Exclude) 右鍵 > 定型/描邊轉外框(介面原文:右鍵 > Flatten/Outline stroke)

  2. 分清形狀與點位編輯

    用鋼筆 P建立點及線段,click-drag作曲線;鉛筆手繪路徑仍可進vector 編輯修整。選向量圖層按Enter進編輯,核對點是否真的連接,使用Move或彎曲工具改點與手把;先做少量變化再回母稿,不為了做孔洞先flatten所有資料。

  3. 逐項比較四種布林值

    至少選兩個支援來源,從布林運算切聯集/減去/交集/排除;保持形狀不變比較區域,再移動其中一個來源及交換上下。先說出減去的底層是誰,再預測保留部分。

  4. 在保留來源的組內回改

    進布林群組選真來源,改位置、尺寸或點位並看結果重算;共用填色/描邊等外觀在結果調整。若只想拆回來源,右鍵Ungroup,不把定型當成同一種拆合。當期描邊/填色幾何提示依實際檔案核對。

  5. 有意識地選定型工具

    保留副本後,在vector 編輯次工具列用形狀建立工具按區域Merge/Extract/減去。描邊轉外框可用右鍵同名入口;本次官方預設macOS Command+Option+O/Windows Control+Alt+O,舊快捷鍵偏好可不同。定型右鍵同名或macOS Option+Shift+F/Windows Alt+Shift+F。先指出會失去哪個來源控制,再操作。

  6. 換條件並檢查交付

    換不重疊、部分重疊、內孔及上下來源,記錄能否回改來源。轉外框與定型後仍可改結果向量點,但不要期待原層或描邊控制原樣回來;需要恢復先復原/版本紀錄。輸出到其他工具另做真實格式檢查,本站原理圖不能證明相容性。

常見問題

減去挖錯邊或整個消失

先看誰在最底層、是否有重疊;交換來源會換被保留的基底。保留布林組時來源仍在,移動來源再看,不先假定資料刪掉。

以為排除就是減去

初始B完全在A內時兩者同為4992;移B到部分重疊,減去6112與排除7232不同,因排除還保留B在A外部分。

布林組內不能各自改來源顏色

結果外觀共用,來源幾何仍可回改。需要各自外觀先判斷是否要Ungroup或另用結構,不靠重複flatten猜測。

轉外框後找不到原描邊粗細

描邊已轉形狀,改的是結果路徑;需要原描邊控制應回母稿/復原/版本,不把放大外框當成等價改粗細。

定型或形狀建立工具後想找回原層

兩者有破壞來源的代價,結果可改點不代表可再分離原層。先保留副本,誤操作用復原/版本;本站重設只重建原創比較稿。

適用範圍與證據

原教材查核日期:2026-10-22 適用範圍:Figma Design;shape/vector/boolean/shape builder/flatten官方列所有方案、可編輯。平台、語言、桌面/瀏覽器及快捷鍵偏好依當前環境核對;沒有測試版或輸出無損保證。 來源狀態:S07為2026-10-21官方快取,2026-10-22重讀;其餘六項專文及向量工具索引為2026-10-22按robots單線Scrapling --ai-targeted新抓並讀相關主體。狀態、雜湊與限制分開記錄,不以HTTP200取代正文閱讀。 示意限制:原創兩無描邊矩形與實體拼合台,精確區域分割及外邊界同源;定型只示意來源層失去,不重現原生曲線、網路、描邊/文字幾何、形狀建立工具或復原歷史。所有圖形原創,不重刊官方全文或素材。 原生軟體實測:未原生Figma操作/輸出實測;公開來源與本站瀏覽器證據分開。 學習成效驗證:未真人試用,沒有學習成效或跨工具遷移證據。

參考來源

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

相關知識