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

Figma Design 教材 / Class LLL

匯入交接：畫面一樣，還剩哪些資料可改？

把來源、交接包與接收端分開

從貼進來不能改切入，比較原創文字SVG包、輪廓SVG包與PNG副本。指出字串、向量、像素及來源連結的責任，保留Ps／Ai母稿，不用副檔名或畫面相近保證往返無損。

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

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

閱讀目標

適用條件與學習範圍

貼進來看似相同，為何不能像母稿一樣改字、路徑或效果？

能列出接收端保留及失去的資料，按用途選交換方式、保留母稿並實測目標，知道普通貼上不建立母稿回改連結。

三個明定原創資料包與固定兩種文案、兩色；不解析真檔／剪貼簿，不轉換PSD／AI、字型或任意SVG，不模擬原生效果、圖層、連結或往返保真。

原理與判斷

貼上之後能選到一個框，只能證明有物件，不代表還有原來的文字、向量節點或布林歷史。先看交接包裝的是什麼資料，再決定修接收端還是回來源。 Ps母稿的圖層／像素與Ai母稿的路徑／文字／效果有各自原生結構；本站只教Figma接收的邊界，不需要先完成Ai網站。普通交換檔或貼上是副本，不能由外觀相近推成自動來源連結、可回編母稿或無損往返。

當期入口清單要分產品與位置

指南 to imports區分Design的影像／向量／影片／GIF與.fig／.sketch設計檔。檔案瀏覽器的Create new > Import > Import from computer另列.sketch、.fig、.jam、.簡報、.buzz、.site、.make、PNG／JPG與.pptx；這是檔案瀏覽器清單，不能把所有產品檔都當可貼進Design的向量層。也可拖曳檔案至檔案瀏覽器。 Design媒體清單為JPG、PNG、HEIC、WebP、GIF，TIFF僅Safari；影片MP4、MOV、WebM。圖片所有方案，影片所有付費方案，上傳需可編輯。SVG另轉成可編輯向量圖層，不當普通影像填色；PDF／PSD／AI不在這些Design原生支援清單，本文不承諾可直接匯入。第三方轉換／插件另核支援、權限與資料處理，不能代官方保真證據。

SVG貼上保向量，但不保全部來源

來源工具先複製為SVG，在Figma目標畫布右鍵Paste here；這是官方跨設計工具方法。反向可選物件 > 右鍵Copy/Paste as > Copy as SVG，再貼目標工具。不要把任意來源的普通複製都假設必含SVG，剪貼簿實際資料與來源設定仍要確認。 官方建議SVG作交換，但明列marker與pattern不納入匯入；lossless向量交換不等同保留所有原生效果、元件、布林歷史、字型或可回改關係。先用小樣查形狀、群組、文字與效果，再決定可接受的替代；需要pattern外觀可在來源另製明確形狀或點陣副本並驗收，這是交接策略，不是假稱原生自動修復。

圖片是填色，選到框也不能改圖中文字

直接將媒體放到畫布會建立rectangle、以影像／Video作填色；不是另一種獨立影像圖層類型。選既有層，右側欄填滿色票開picker，選影像／Video > Upload from computer可替換填色。替換會保留取景與位置設定，因此換來源後仍需檢查裁切；要改照片裡的字，須回母稿或另以文字層重建，不能把crop當OCR或文字編輯。 形狀工具 > Image/video，Windows Shift+Ctrl+K／Mac Shift+Cmd+K，可批次選檔，再點畫布以原尺寸放新層、點既有物件替換填色或Place 所有；刪除丟棄剩餘待放項。超過4096×4096的媒體會等比縮到最長邊不超過4096，部分metadata可能丟失，重新拉大不會找回細節；保留原始影像。

文字包、輪廓包與像素包差在哪

本台三包都用同一組原創形狀及3×5格字形。SVG文字包明定保留字串、基本向量；輪廓包只保留定型字形路徑；PNG包只有40×24取樣外觀。三包是教學明定資料類型，不是真SVG／PNG parser或Figma實測，也不是把目前PNG轉SVG就能還原字串。 來源SVG含文字也不能據此承諾Figma匯入後仍有原生文字層；所核官方只明示轉為editable vector，文字保留須另實測，本台文字包不是該保證。原生交換若保留文字仍要確認收件者字型／授權、字寬與替代；outline保外觀候選但失去字串編輯，像素沒有原文字或shape子層。Figma SVG匯出預設轉外框文字，可關閉但字型仍需驗；不能將本站字串開關說成所有來源工具相同選單。把「改字」與「改輪廓節點」分成不同需求。

母稿更動不自動流回接收端

先在本台改母稿文案：接收端仍保留前次副本；按重建本站交接包才將目前母稿帶入。接收端可改字／向量色的包，也不會反向改母稿。這是原創副本模型，沒有建立Figma連結或真正檔案交換；三包切換是比預先明定的資料，不是修復丟失內容。 交接記來源工具／檔名／版本、交換格式、範圍、字型與權利、哪些改動回來源、誰重做交換與驗收。保留PSD／AI及原始媒體，需可編輯母檔時另交來源與合適權限；普通貼上、embedded影像及交換SVG不等同原生來源連結。

權限、服務與錯誤先分責任

imports可在所有方案使用，任何人可到drafts，Design 檔案需可編輯。檔案瀏覽器匯入資料夾：入門方案／專業方案需資料夾可編輯；組織方案／企業方案還需付費席次。複製／匯出通常檢視可用但擁有者可限制複製／分享，貼入目標需編輯；不要用轉換工具繞過來源授權。 很大的原生檔可能匯入失敗，可在來源拆小；媒體錯誤另查防火牆／載入條件，不先斷言內容壞。影片需付費方案，圖片上傳不等同AI生成；本頁未呼叫AI或外部插件，也未把這些一般匯入功能標成測試版。

用小樣查五件事，再承諾交付

從母稿挑含文字、基本向量、影像、半透明與具名效果的小樣。接收後查圖層類型／子層、能否改字、能否改點與色、影像來源像素／取景、效果與字型／色彩外觀；再在目標尺寸及閱讀環境看結果，必要時帶著差異回來源重新交接。 本站只允許觀察明定的字串／向量／像素與副本狀態，未驗證原生Ps、Ai或Figma相互匯入。需要靜態輸出真檔可補讀匯出檢查台；下載本站示意也不能作原生往返保真證據。

步驟與觀察

  1. 記母稿與可改需求

    先問要改字、路徑、影像還是只看外觀，保留PSD／AI與原始媒體，記來源／版本／權利。 操作名稱對照（中文為本站教學譯名）： 來源工具 > 複製為SVG／輸出交換檔 Figma 畫布右鍵 > Paste here（介面原文：Figma canvas右鍵 > Paste here） 形狀工具 > Image/video（介面原文：Shape tools > Image/video） 填滿 > 影像／Video > Upload from computer（介面原文：Fill > Image／Video > Upload from computer） 檔案瀏覽器 > Create new > Import > Import from computer（介面原文：File browser > Create new > Import > Import from computer）

  2. 按資料選入口與包

    SVG複製後Paste here；Image/video放像素媒體，原生文件由檔案瀏覽器 Import。清單外格式先核轉換，不承諾直接支援。

  3. 核對接收端資料

    圖層面板辨vector或影像填色，檢查文字字串／字型、形狀、marker／pattern、效果及源像素，不能只憑外觀。

  4. 局部修或回母稿重交

    文字輪廓不能改字串，像素不能改內部路徑；保留母稿以便另輸出，交換副本不會自動雙向更新。

  5. 在收件環境驗收

    比較小樣、目標尺寸、透明／字型／效果／色彩與可編輯性，記限制及再交接責任，未測如實記錄。

常見問題

圖片能選框卻改不了裡面的字

影像填色只帶像素；回來源改字重新輸出或另建文字層，crop／調整尺寸不會還原字串。

SVG能改點，仍不能打字

可能文字已outline；向量節點與文字是不同資料。拿保留文字及可用字型的交換包，或回母稿重交。

從Ai貼上pattern／marker不見

官方明示SVG匯入不含marker／pattern；回來源製替代並實開驗收，不假設普通複製一定有完整SVG。

母稿更新，Figma副本沒有變

普通交換不建立自動來源連結；確認母稿版本、重新產包／貼入並核局部修訂，避免覆蓋收件端改動。

PSD／AI拖入失敗或大影像不清

兩母檔不在本頁所核Design原生清單，選適當交換格式並保留來源。媒體超4096會縮放，拉大不能回復；清單、權限與網路分開查。

適用範圍與證據

原教材查核日期：2026-10-22 適用範圍：Figma Design；圖片所有方案、video付費、Design上傳／paste需編輯；drafts與資料夾／席次條件分開。TIFF僅Safari，未把檔案瀏覽器各產品格式當Design向量匯入，也不把PSD／AI／PDF或第三方插件當已核直接支援。 來源狀態：22日依robots允許後單線Scrapling --ai-targeted新抓imports／copy／media／file browser四正文並讀相關主體；SVG文字outline沿FG07同日formats重讀。 示意限制：原創明定字串SVG包／輪廓SVG包／40×24像素包，兩文案／兩色及獨立母稿副本。3×5格字形與資料抽屜為原理示意；不解析真檔或操作clipboard，不模擬PSD／AI轉換、原生字型／效果／來源連結或無損往返。 原生軟體實測：未Ps／Ai／Figma原生匯入或跨程式保真實測，公開模型操作與官方事實分開。 學習成效驗證：未真人試用，無學習或遷移成效證據。

參考來源

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

相關知識