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

Figma Design 教材 / Class LLL

Make：候選能操作，來源與快照怎麼改？

提示、程式、設計擷取與產品驗收分開

提示做出來如何修改？比較預寫候選、只讀規則與獨立Design快照，觀察缺資料／失敗路徑；再核Make檔、準則／Make kits、模型點數、後端與發布的各自責任。

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

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

閱讀目標

適用條件與學習範圍

提示得到可操作候選後，修改的是程式來源、靜態設計擷取，還是哪一份公開產品？

能分清可互動示例、靜態設計擷取與可維護產品，知道需人工檢哪些內容、來源與失敗。

原創A漏檢／B有限修正、必要欄與服務失敗布林、四狀態與獨立快照；未生成、執行任意程式、連後端／GitHub、下載套件或發布。

原理與判斷

Make在獨立檔內以對話及設計脈絡建立程式與互動預覽。輸入漂亮原稿不保證候選理解所有需求；可按的成功狀態也不證明必要欄、資料或失敗復原完整。回Design改靜態擷取，又是不同的資料路徑。 本台A不論條件就成功，B才先驗必要欄並處理固定服務失敗；兩者都是本站預寫，沒有模型生成或真正預約。右盤快照保擷取時的候選與狀態，改它不改中盤來源。人工欄只是準備問題，不作生成品質或產品已完成證據。

Make是獨立程式檔，輸入要有明確邊界

當期Explore描述Make為prompt-to-app工具，可從提示、既有框架／元件、圖像或其他檔案開始，在獨立Make檔的Chat與workspace工作；Browser看預覽，Files看程式，Review看變更。檔案瀏覽器草稿區 > Make建檔；可從範本或clone 程式庫起步，但不是把Design原稿直接變正式產品。 加入設計用＋ > Add context貼指定設計URL，或把框架／元件直接貼入chat；FAQ另提醒不要只把URL當普通提示詞文字，可能只解讀網址字面而沒取得檔案。這是入口區別，不以「貼連結都不支援」覆蓋Add context。先寫目標、必要狀態、資料、限制與反例，原稿／社群／第三方圖像、字型及程式套件權利也需核，沒有來源就先用原創。

改候選時核作用對象，再Review與回復

Browser > Edit > Select指向元素，以Design樣式屬性改color／內距／margin／文字等；支援依元素與生成方式而異，pending改動按Apply才由代理程式提交且用AI 點數。Draw把圈選圖與說明加入提示詞，Annotate for 代理程式把多項具體說明一併Apply；與Dev Mode annotations不是同一份資料。當期專文特別說新編輯／屬性／annotations只在new Make files，舊檔仍用前一介面，不把路徑當所有帳戶畫面一樣。 Files可直接改既有或自寫程式；Review可選代理程式回應的Last turn比新增／刪除，檔案 actions可建／傳檔及Download code ZIP。當期code專文列付費 Full編輯、Full／Dev看及下載，FAQ另有其他席次自己草稿試用。Version history可預覽、命名／favorite及還原；預覽不改目前稿，還原後其他版本仍保留。下載程式不等於雲端資料、依賴授權與部署已一併備份。

先用反例驗必要欄與失敗，而非只看成功畫面

本台候選A直接回成功，漏掉必要欄與服務失敗；B先驗必要欄，再判固定失敗，才到成功示意。先不補欄位試提交，再補齊、切服務失敗、修正後重走；只讀偽碼與結果同一有限模型，沒有eval、任意程式或真正資料請求。切候選與條件會清舊人工欄，避免用上一次檢查冒充新候選已驗。 真Make候選要檢內容是否改意、引用與依賴是否合理、寬窄／長文／空資料、必要狀態與錯誤、Tab／Enter／Space／焦點／觸控、資料與權限及復原。生成一次能跑或三格試填都不能取代成品測試；錯誤不一定靠一直提示詞解決，可比diff、縮問題、保留版本與具體重現條件，再逐段修正。

Copy designs保當前靜態狀態，沒有連回Make

付費方案可在Browser到要擷取的狀態，Edit > Copy designs > Whole 頁面，等轉換後貼入Design；可先加含所需變數的資源庫。2026-10-22專文明示available 變數會配對並綁到層，但同文也明示不自動綁完整design system、沒有與Make持續連結，並不保留原互動。部分變數保留不等於元件身份、全部規則或完整應用都還原。 本台快照記當時候選及狀態，改快照文字或在來源換候選後，兩份仍獨立；再記快照才另取當下資料。這與程式層具名錄製 a 流程擷取可更新並推回main 程式層的路徑不同，不能把任一Design 快照說成可雙向回推。需要互動就回Make來源改、Review再測，需可回改設計則保存Design擷取與原來源版本及缺失。

Guidelines與Make kits提供脈絡，仍需驗結果

Files內準則資料夾可上傳一或多份Markdown或改guidelines.md，寫元件用途、狀態、語義設計代碼、單位、文字與邊界。可請Make依npm／資源庫生成規則，這也用點數，需人工審查矛盾與具體反例。規則是輸入脈絡，不是強制執行器或自動品質認證。 Make kits當期列付費 Full；Settings > Create a kit可組npm／published Design 資源庫的變數與樣式，或從零建立，加入準則與必要設定、實測後發布 kit到團隊／組織，不能留草稿直接發布。使用者由Add context > Select a Make kit選；改kit後更新 kit發布，使用檔收到更新通知。Kit是工具與規則，範本是特定設計／互動的起點，可包含kit。當期kit FAQ稱只取變數子集成簡化raw CSS，非完整設計代碼語法一比一；改Make CSS／準則不改Design 資源庫，來源更新需重加資源庫並保護自己改過規則。舊樣式 context專文當日404，本頁依有效kit專文，不補猜已失效入口。

方案、席次、模型點數與公開範圍逐項查

Explore一般列付費 Full；同日FAQ與AI總覽另列入門方案探索、Dev／Collab／檢視在自己的草稿，Full才可在資料夾／團隊建立及一般共享／發布；Dev下載程式與其他席次草稿另有表格。入門方案無團隊資源庫樣式 context，公開web需同時發布社群；教育限higher education／bootcamp、不含K–12，原程式層專文教育差異另留原頁。AI管理設定／額度／逐步推出亦可能擋入口，不能以能讀檔推可生成或公開。 Chat模型名稱可切當次模型、既有檔保上次選擇，預設可變；不同模型、任務複雜度與context量影響點數，長對話也要核。當期selector有具期限的促銷，不能推永久免點或固定價格；未執行模型／比較品質。FAQ舊段仍說published一律public不可限，但當期發布專文已有Org／企業方案 internal 對象及密碼設定；保留具名差異，以實際帳戶發布／Make settings核。檔案分享可見chat與來源，公開應用程式不等同共享原Make檔。

後端、Git與發布另有資料和驗收責任

當期backend專文提供Payload，由chat出現建立卡後Create，建立collections／records、front end、database／storage／auth與管理員，CMS tab改既有資料、chat改data model，發布後可用/管理員。Payload目前東美託管，GitHub與本機codebase 工作流程仍未開放，不以一般Git專文覆蓋這個具名例外；生成來源也不等於整份真資料備份。另可從Make settings > Integrations手動連Supabase 專案，專文說當期使用key-value stores，不是自動建立完整SQL結構。權限、資料保存、失敗與成本需按實際服務核；secret只在指定設定，不貼chat，本頁不要求輸入或連線。 一般Git可clone及分支／push／PR，仍回唯一程式層來源頁看web入口／build／大小、package及可見限制；本機上傳無live 程式庫。發布是另一個對外動作：核素材／字型、觀眾／管理員限制、metadata／language／noindex、缺web font與目標環境；改Make後需更新已發布版，取消發布才移除。教育方案一個發布檔／頻寬、custom 網域與Sites共額度及舊2025優惠期限均另核，不能當2026免費承諾。正式站再走資料、互動、語義、響應與失敗復原；本地教學範圍沒有授權外部發布。

步驟與觀察

  1. 定輸入與不該改的條件

    附有權限的框架／元件與必要狀態，從Add context或貼框架取得設計，不只丟一段網址文字。 操作名稱對照（中文為本站教學譯名）： 檔案瀏覽器 > 草稿區 > Make（介面原文：File browser > Drafts > Make） Make > ＋Add context；Browser > Edit > Select／Draw／Annotate > Apply Files > 檔案 actions／準則；Review > Last turn（介面原文：Files > File actions／guidelines；Review > Last turn） Browser > Edit > Copy designs > Whole 頁面（介面原文：Browser > Edit > Copy designs > Whole page） Settings > Create a kit；Add context > Select a Make kit Make settings > Integrations／General；發布（介面原文：Make settings > Integrations／General；Publish）

  2. 分候選規則與表面

    對照原句、來源與程式diff；先試缺欄、服務失敗與修正，不只看成功。

  3. 選對修改入口

    Browser Edit／Draw／Annotate後Apply，或Files直接改；核新舊檔介面與點數，用Review及版本保回復。

  4. 分快照與互動來源

    擷取當前狀態成Design層可繼續改設計；變數可具名配對，但無連Make、無原互動或完整system保證。

  5. 保留kit、依賴與服務條件

    準則寫明單位／用途／狀態，kit與資源庫版本各核；真後端與程式庫權限、資料及例外另驗。

  6. 交出去的產品另驗

    帶版本、限制、回復資料及待驗項；真有發布時核URL／觀眾／字型／資料／響應／鍵盤與失敗，不以本站三格代替。

常見問題

候選A一按就成功，誤當需求完成

先試必要欄與失敗反例，對照規則；成功字樣不證明真資料已保存。

改Design 快照期待Make跟著變

兩份無持續連結，回Make來源改再驗；程式層錄製另是具名路徑。

有變數配對就保證完整設計系統還原

配對、元件身份、互動與kit簡化CSS各分清，另核實際來源及版本。

加準則或kit就不用審結果

規則是脈絡，仍檢diff、內容、單位、狀態及反例；保護自己改過的規則再更新資源庫。

草稿能試就以為可共享／公開或免費

分席次／方案／檔案存取權／入門方案社群條件與點數；以當期帳戶核功能。

下載code就認為後端資料與部署完整

列依賴、secret設定、資料、權限、Payload Git例外與目標環境測試；不在本站輸入真服務資料。

適用範圍與證據

原教材查核日期：2026-10-22 適用範圍：獨立Make候選／程式／Design 快照、準則／kits、模型點數、backend／Git及發布責任；當期具名條件與資料轉換限制。 來源狀態：十有效Help當日Scrapling GET200讀主文，舊style context33024539096471為404不作正文證據；FAQ／專文發布及教育／seat條件具名分開，沿FG46當日Git來源與AI總覽不改原hash日期。 示意限制：預寫A反例／B有限修正、必要欄／失敗情境、只讀偽碼與獨立快照；非AI結果、原生Make或完整產品。 原生軟體實測：未原生生成／Code／Design往返、帳戶／後端／Git／發布或真人實測。 學習成效驗證：未真人試用或學習成效驗證。

參考來源

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

相關知識