Figma UI 設計

先在 Figma 把畫面定下來，實作階段就能專注在功能與邏輯，而不是一邊寫程式一邊決定畫面長什麼樣子。這個習慣從 2020 年的練習開始，經過淡水走走日記那次專題，後來延續到 F.Y.S. 咖啡廳網站與 745 Rental 的品牌頁。

設計稿的另一個作用是溝通。745 Rental 的品牌頁要先把服務範圍、價值主張與登入流程攤在同一張圖上，才能確認彼此理解的是同一件事 —— 這比寫完再改便宜得多。

把設計稿轉成 HTML 的過程中，會發現很多在畫布上看起來理所當然的東西，到了瀏覽器就不成立：間距會被行高吃掉、卡片高度會因內容長度而不齊、響應式斷點在設計稿裡根本不存在。

這個練習讓我在畫設計稿時就開始考慮實作成本，而不是丟一張漂亮的圖給自己收拾。