Figma 檔案越開越慢？先清這 3 個東西再繼續畫

做設計的人一定懂這種感覺：專案剛開始的時候，Figma 檔案開得飛快，圖層拖來拖去都很順。做了幾個月之後，同一個檔案越開越慢，捲動會頓、放大縮小會卡，有時候還跳出記憶體用量偏高的提醒。我們工作室接案子的設計檔案也遇過幾次這種狀況，一開始以為是電腦不夠力，換了台好一點的機器也沒完全解決，後來才發現，兇手大多在檔案本身。

設計檔案跟房間一樣，住久了就會堆東西。先清這 3 個地方，多數檔案都能瘦回來，順暢很多。

要清一：藏在角落的隱藏圖層和廢棄版本

設計做到一半，總會有那種「先藏起來，可能還會用到」的圖層：舊版的按鈕、沒被採用的首頁草稿、試做一半的區塊。這些圖層雖然眼睛看不到，但 Figma 還是要把它們全部載入計算，檔案越大開越慢。我們自己的習慣是，專案告一段落就開一個「封存」檔案，把舊版本整批搬過去存著，主檔案只留正在用的版本，乾淨又不怕丟。

還有一個地方很多人沒注意：畫布外面。設計的時候順手把元件拖到頁面旁邊放著，一放就是好幾個版本，那些不在畫框裡的東西一樣占著檔案體積。清的時候記得把畫布拉遠一點檢查，通常會在角落發現一堆早就忘記的東西，刪掉之後檔案大小立刻有感下降。

要清二：沒壓縮的高解析圖片

第二個大戶是圖片。為了印刷或展示品質，我們常會把高解析度的照片直接丟進檔案裡，一張就好幾 MB，一個頁面放個五六張，檔案不肥才怪。重點是，畫面上看起來一樣，但檔案實際扛著的是原圖的重量。

處理方式很簡單：圖片放進來之前，先依實際顯示尺寸縮小或壓縮過。螢幕上只顯示 800 像素寬的位置，就不需要放一張 4000 像素的原圖。已經在檔案裡的大圖，可以逐張換成壓縮過的版本，或用外掛批次處理。我們清過一個接案檔案，光是把圖片壓回合理尺寸，就瘦了六成以上，開啟速度完全不一樣。這件事做起來不難，難的是要養成習慣，不然下個專案又會堆回去。

要清三：爆炸的頁面數和沒在用的元件、樣式

第三個要清的是頁面和元件。專案做久了，左邊頁面列表會長出一整排：測試頁、備份頁、「先不要刪」頁，每一頁都在吃資源。真的要留的舊頁面，搬去封存檔；確定不要的，勇敢刪掉。再來是元件和樣式：改版過程會生出一堆沒人引用的元件、文字樣式和顏色樣式，它們不會讓畫面變慢很多，但會讓你在找東西的時候翻到眼花，間接拖慢工作速度。

我們會定期用「刪除未使用樣式」這類整理功能掃一遍，再把共用元件收進獨立的元件頁，命名規則統一。整理完之後不只是速度變快，交接給下一個人也清楚，別人打開檔案不用先花半小時考古。

清完還是慢？檢查一下瀏覽器和分頁

檔案清乾淨之後如果還是頓，問題可能不在檔案。瀏覽器開了幾十個分頁、其他程式也在吃記憶體，Figma 一樣跑不動。把不用的分頁關掉，或改用 Figma 的桌面版程式，通常會改善。另外網路不穩的時候，Figma 的載入和同步也會變慢，那種卡跟檔案大小無關，先確認網路狀態，才不會清錯方向。

老實說，設計檔案的整理跟寫程式的重構一樣，平常不做，累積到爆掉的時候一次清會很痛苦。我們現在是每個專案結案就順手整理一次，花的時間不多，下一次打開接續做，速度都維持在舒服的狀態。

如果你也想讓設計流程順一點，歡迎到 SAVECOCO 商店的設計軟體分類逛逛，看看 Figma 相關的方案，或者加 LINE @479pfbrs 聊聊，問問不用錢，先說說你平常用的設計工具和卡關的地方，我們再一起看怎麼搭配最適合你。

需要工具可以直接參考設計軟體商品；延伸閱讀：設計系接案第一個案子：Figma Pro 協作流程這樣設才不亂。