最近我一直在用HTML和CSS做網頁設計收件箱

上個月，CS領域的知名巨魔、《Rework》的著名作者之一DHH發表了一篇文章，呼籲大家不要使用Figma進行網頁設計，稱他們公司的設計工作是直接用HTML和CSS完成的

他的理由是Figma阻礙了設計師和程式設計師的合作。當Figma在Protect 2023期間發布新功能時，許多設計師抱怨Figma變得越來越不容易使用，需要越來越多的編程基礎，而Figma是一個障礙

具體到我設計的網頁，從與@zhufengme朱峰合作的「區塊閱讀」項目開始，他負責開發和運營維護，我自然負責品牌設計、UX設計……

如果我使用Figma進行視覺網頁設計，然後將其輸出為參考HTML + CSS頁面，然後找前端程式設計師將其重寫成可用的HTML + CSS模板，然後找後台程式設計師將模板變成程式.不僅過程漫長，而且任何小的改變至少要經過3到4個過程

最現實的是我們沒有前端程式設計師收件箱

我們需要設計的是電子郵件頁面，因為我們不使用Figma，所以設計過程非常短又快：

後來我發現這個過程還是太慢了，所以我不得不問朱峰有沒有其他好的方法可以讓我方便地做測試

然後他向我索要公鑰，讓我訪問測試伺服器，並要求我去伺服器修改模板文件並運行腳本來自己進行測試。幸運的是，我能理解世界上最好的程式語言（英語）和世界上最好的程式語言

順便說一句，作為一個設計師，我堅持認為VIM不是用來編輯代碼的，這是一個門戶網站，沒有什麼可討論的。我使用nano（圖2）。😂

最後，我們正式提交模板文件並按時運行程式，這就成為您收到的電子郵件（圖3）

就我們而言，DHH的建議似乎並沒有錯，而且我和朱總確實跳過了Figma設計師和工程師之間的障礙，提高了協作效率

事實上，我們遇到特殊情況，不具有代表性

我現在正在設計功能性網頁。大多數功能頁面都是長方形和長方形的，用HMTL + CSS等非視覺方式進行設計並不難（DHH估計這是這樣的頁面）;對於顯示網頁來說，布局非常靈活，並且有各種動畫和特效，因此Figma、Framer、WebFlow等視覺設計工具可以大大提高設計效率
我們沒有引入設計系統，也沒有使用Figma強大的設計管理能力
我們沒有跨部門協作問題，也沒有使用Figma的設計協作功能

通過我們的現實世界的例子，您應該知道DHH在談論什麼以及它是否有意義，對吧？

為什麼要在網頁設計中放棄Figma

開始設計