Jan 19
使用 Figma 取代 WordPress 頁面編輯器？探討將設計與開發流程分離的重要性
▌擁有超過 15 年 WordPress 經驗的 Kyle Van Deusen 設計師，他認為人們總是想直接在 Elementor 或 Beaver Builder 裡「邊做邊設計」是最快的設計網站方式？
▌因為所見即所得，省去切換軟體和工具的麻煩。但隨著網站專案變大，這種「直覺式」的作法往往帶來了災難的後果。
▌Kyle 分享了他轉向「Figma 先行」工作流程的幾個關鍵理由，值得每位網頁設計師深思
釋放創意，擺脫代碼束縛
在頁面編輯器裡設計時，你的大腦會不自覺被技術綁架：「這要用 Flexbox 還是 Grid？」、「溢出怎麼處理？」。但在 Figma 裡，你只需要專注於「看起來怎麼樣」。
快速試錯，不留垃圾：
想測試「深色模式」還是「淺色模式」？想換張 Hero Image 看看感覺？在 WordPress 裡，你需要複製頁面、上傳一堆圖片、寫一堆測試用的 CSS class。最後決定不用時，這些垃圾往往殘留在資料庫裡。但在 Figma 裡，複製畫板 (Artboard) 只是瞬間的事，完全不會弄亂你的網站後台。
開發效率與效能最佳化：
當設計定稿後再進開發，你清楚知道需要哪些字體權重、圖片尺寸和色票。這能避免為了「試試看」而載入一堆用不到的資源，讓網站代碼更乾淨、速度更快。
更好地和客戶溝通：
在 Figma 裡展示多個設計方案供客戶挑選，遠比在開發環境裡做給他們看來得專業且高效。
總結：
雖然「設計+開發」分開看似多了一個步驟，但實際上它減少了來回修改的痛苦，並產出更乾淨、更具創意的網站。
你是「邊做邊改派」還是「Figma 先行派」？歡迎留言分享你的工作流！
