Framer 資源面板更新：AI 能整理元件、顏色與字型樣式，網站交接怎麼準備？
網站越改越多、已有共享元件的團隊可先用AI整理一小部分資料，保留命名對照與使用關係；重新分類不代表可以直接刪除看似重複項目。
Framer 資源面板在 10 月 26 日更新後，網站裡的元件、顏色與文字樣式，可以依工作需求放進同一套資料夾，AI 代理也能協助整理。
這件事對經常交接網站的人比較有感。當一個活動頁改了好幾輪，原本清楚的按鈕、色票與測試版本，可能逐漸堆在不同位置，接手的人得先猜哪些仍在使用。
官方這次調整，讓不同類型的資源可以混合分類，不必完全照固定區塊管理。公告也明確提到，Framer Agents 能組織與管理這些資源。
不過，資料夾排得整齊，和網站可以安全修改，是兩件相關但不同的事。同名元件可能用在不同頁面，顏色相近也可能代表不同狀態，整理前需要先理解用途。
對已有共享設計資源的團隊，可以先把一個活動範圍交給 AI 協助歸類，再用對照表檢查。這樣比較容易看出節省的是查找時間，還是把未理解的差異藏起來。
先建立一份可交接的分類原則，AI 整理的結果才有共同標準。
Framer 資源面板讓分類從類型改成工作用途
新的資料夾允許不同資源放在同一個工作脈絡中。過去依類型分開的內容，現在可以按照品牌、活動或網站區塊放在一起。
Framer 10 月 26 日公告列出元件、顏色、文字樣式、程式覆寫與向量圖，並明確說明代理能協助組織與管理資源。
元件是可重複使用的介面零件，像導覽列和按鈕。文字樣式保存字型、大小等規則。程式覆寫則是附加在介面上的程式行為，整理時要知道它們各自負責什麼。
混合資料夾，對交接有什麼幫助？
假設團隊正在做課程報名頁，接手者需要找的可能是整個活動使用的標題樣式、按鈕和圖示。把它們放在相同工作範圍，能減少在不同分類來回尋找的動作。
但如果所有活動都使用同一個品牌標誌，把標誌複製到每個資料夾，反而可能出現多個版本。因此分類應該幫人找到正確資源，不能只追求每個資料夾看起來完整。
比較可行的做法，是把共用品牌資源與活動專屬資源分清楚。活動資料夾保留它自己的內容，交接說明再指向共用來源，避免讓人猜哪個標誌才是最新版本。
這次更新提供的是分類彈性，如何利用仍要看團隊的工作方式。網站規模小時可以保持簡單，等資源增加，再建立更多層次。
要讓這個彈性有用，團隊得先說清楚每個資料夾回答什麼問題。
先訂分類規則，再把整理工作交給 AI
AI 能協助歸類，分類依據仍需要來自團隊的使用方式。如果只要求「幫我整理乾淨」，工具可能按照名稱分類，卻漏掉實際使用上的關係。
可以先從接手者最常遇到的問題開始。像是「我要改全站按鈕，應該找哪個來源」、「這個色票只用在活動頁嗎」，這些問題會幫你決定分類要保留哪些資訊。
先分清共用、活動與試作
共用資源承擔跨頁一致性，名稱應該能說明功能。像是主要按鈕、內文樣式和品牌主色，比「好看藍色」或「按鈕最新版」容易理解。
活動資源則需要帶出用途與範圍。假設某個色票只服務年度活動，可以在分類與交接說明裡寫出活動名稱，避免別人在改一般頁面時誤用。
試作資源也要有位置。如果不把仍在探索的內容和已採用版本分開，接手者看到兩個相似項目時，就得額外詢問哪個才是正式來源。
這裡的分類不是替所有團隊訂相同制度。目的在於讓每個人能依同一條規則找東西，並知道遇到模糊項目時該交給誰判斷。
不靠相似名稱決定刪除
兩個名稱接近的元件，可能使用不同互動。兩個顏色看起來相同，可能分別代表主按鈕與狀態訊息。把它們直接合併，可能改變原本的設計意義。
因此，在資料不足時可以先標記「需要人工判斷」，留下名稱與使用位置。等負責人理解差異，再決定要重新命名、保留或另行處理。
Framer 這次沒有在公告裡保證自動去重或安全刪除。團隊採用時，也不應把整理資料夾直接等同於可以清除未理解的資源。
有了分類原則，就能把任務寫成範圍有限的整理請求。
一份可直接改用的資源整理提示詞
整理要求要包含範圍、命名方式與需要人工確認的項目。以下範例可作為任務草稿，再依自己的檔案與權限調整。
範例：先整理一個活動的資源
「請先盤點本次課程活動使用的元件、色票、文字樣式與向量圖，依『活動專屬』與『全站共用』提出分類建議。先列出對照表，不要刪除、合併或改變資源內容。」
接著指定交付：「每項保留原名稱、建議資料夾與目前使用頁面。若用途無法判斷，列出你需要我補充的資訊，不要只因名稱相似就認定重複。」
這樣先取得建議，團隊就能在搬動前發現分類誤解。例如代理把全站共用按鈕當成單一活動資源，可以先修正原則，再進行整理。
確認後再提出第二次要求：「依核准的分類移動選定資源，保持名稱與內容不變，完成後列出實際移動項目與未處理原因。」
這份方法把盤點與執行分開，方便核對。它是本文建議的工作安排，並非官方模板，也沒有在此宣稱完成了實際操作測試。
不確定使用位置時，先留下可查線索
如果代理無法列出完整使用關係，就保留已知頁面與尚缺的範圍，交給團隊補查。不能因為資料沒有出現在回覆，就推定資源完全沒被使用。
對帶有程式行為的資源尤其如此。它看起來可能只是個名稱，但移動或後續修改若影響頁面行為，就需要熟悉程式的人一起檢查。
Framer Agents 官方頁把設計、更新與檢查列為代理的用途。實際採用時，可以先挑自己有把握驗收的工作，不必一次把所有工作都交出去。
當助手開始直接操作網站，誰可以改草稿、誰能公開發布，也需要先有共同規則。
延伸閱讀：Framer MCP：讓 AI 直接修改網站，草稿、分支與發布權限怎麼管？
代理完成分類後，還要回到頁面驗證引用關係。
整理完成後，交接要留下什麼證據？
可交接的結果，需要讓下一個人知道資源位置與使用理由。只有一張整理完成的面板截圖，通常不足以解釋為什麼這樣分。
比較有用的對照表，會把原名稱、整理後資料夾與使用頁面放在一起。接手者可以由頁面回頭找資源，也能由資源理解它的使用範圍。
從實際頁面抽查分類是否成立
假設整理了報名頁的主按鈕，可以回到該頁確認按鈕仍然顯示、連結仍然正確，並看看其他引用同一元件的頁面是否維持預期。
如果這次只搬動資料夾，檢查重點是資源能否找到、引用是否延續。若同時修改元件內容，則需要把視覺與互動也納入驗收。
把兩類工作分開記錄，能讓出現問題時更容易追原因。否則整理和改版同時進行，就很難知道變化是來自分類，還是內容本身被調整。
網站也可能有不同畫面尺寸。共用文字樣式或按鈕若在後續被修改，需要看它們實際出現的位置，不能只用桌面版的一頁推論整站。
留下一段讓新人找得到路的說明
交接說明可以寫「品牌標誌與全站文字規則放在共用分類，活動專屬圖示放在活動資料夾。歷史試作另存，不直接作為新頁面來源」。這些文字會讓分類有使用方式。
接著說明新增資源時怎麼命名，以及誰負責判斷共用範圍。新同事就不用從舊名稱猜制度，也比較不會在同一套檔案裡長出另一套分類。
如果整理後仍常找不到項目，就回頭看規則是否符合實際工作。資料夾層數太多、名稱過度抽象，都可能讓整理花的時間超過節省的時間。
因此，可以請一位沒有參與分類的人，完成「找到活動按鈕並指出共用來源」這類小任務。他卡住的位置，會比整理者自己的感覺更能指出交接缺口。
命名對照，應該保留到什麼程度？
重新命名可以讓資源更容易理解，但如果一次改掉所有舊名稱，熟悉原檔的人也可能找不到東西。因此第一次整理時，可以先以分類為主，把命名調整留到核准後執行。
對照表至少能回答「原本叫什麼、現在在哪裡、用在哪一頁」。若有更名，再加上新名稱與原因，讓團隊能由舊筆記找到新的位置。
例如一個叫做「Blue2」的色票，經確認是活動按鈕用色，可以改成表達用途的名稱。這個決定需要知道它的使用關係，單看顏色數值並不足以判斷。
如果同一資源被多個頁面使用，命名就應反映共用範圍。否則名稱寫成單一活動，下一次有人整理時，可能誤以為活動結束就能移除。
歷史版本也需要安排。已停用的活動資源可以保留在清楚的位置，並記錄停用原因。後續若要刪除，再另外檢查是否仍有頁面引用，不把搬動資料夾當成刪除授權。
對接手者，可以提供一個尋找範例。像是從報名頁找到主按鈕、再回到共用來源，讓他實際走一次，就能知道這套命名是否幫得上忙。
若必須先問原設計師才找得到，代表名稱或說明還有缺口。把這個問題補進規則，比單純增加更多資料夾有效，也能讓 AI 後續整理有一致依據。
整理完成後，團隊只要在新增資源時沿用相同規則，就比較不會迅速回到混亂狀態。這也是為什麼分類原則需要寫成別人能遵循的文字。
留下對照紀錄，也能在後續擴大整理前判斷這套規則是否合用。
Framer 資源面板常見問題
這次更新只是把資料夾外觀換掉嗎？
Framer 明確提到不同類型資源可以混放，並加入代理組織與管理資源的支援。因此，它改變的是分類方式與整理工作，不只有面板外觀。
可以讓 AI 自動刪掉所有重複資源嗎？
這次公告沒有提供這樣的保證。名稱相似也不能證明用途相同，先保留使用位置與差異，再由團隊決定是否合併或刪除，會更容易追溯。
資源很少的個人網站，需要立刻重整嗎？
若目前找得到資源，也沒有交接困難，可以先維持簡單分類。等活動或共用元件增加，再選一個範圍建立規則，不需要為了新功能把整份網站搬一遍。
結語：先整理一個活動，建立團隊共用的規則
網站已有多組共享資源時，可以從一個活動的分類開始。Framer 這次更新提供更多安排方式，AI 則能協助執行規則明確的整理工作。
對還沒釐清共用關係的團隊，先盤點比直接合併重要。讓每個資源都有可解釋的位置，才有辦法在之後改版時繼續沿用。
現在選一個正在交接的活動，列出原名稱、建議資料夾與使用頁面，再請同事試著尋找。等這份對照表能幫人完成任務，再安排下一批整理。
