Google 剛剛發布了 Stitch,這個設計工具以可能從根本上改變我們介面開發方法的方式銜接了視覺設計和程式碼生成。與傳統設計工具輸出雜亂的 CSS 或需要手動轉換不同,Stitch 似乎理解設計意圖並生成乾淨、可用於正式環境的程式碼,真正有意義。

這很重要,因為設計到程式碼的交接已經故障了幾十年。Figma 給你漂亮的原型,但將這些轉換為響應式、可存取、可維護的程式碼仍然需要人類開發者從頭解釋和重建一切。如果 Stitch 真的能生成遵循現代最佳實務的語義化 HTML 和乾淨的 CSS,它可能會消除 web 開發中最大的瓶頸之一。

大多數報導中缺少的是技術現實:程式碼生成工具以前也這樣承諾過,但交付的是垃圾。真正的測試不是 Stitch 是否能讓按鈕看起來正確——而是它是否理解元件層次、狀態管理、響應式中斷點和可存取性模式。它能生成通過資深開發者審查的程式碼,還是我們得到了另一個創造技術債務的工具?

對開發者來說,如果 Google 把實作細節做對了,這可能是變革性的。你可以專注於商業邏輯和使用者體驗,而不是花費數小時將設計轉換為程式碼。但要保持健康的懷疑態度——在我們看到實際的程式碼輸出和整合模式之前,這只是另一個可能無法在現實世界複雜性中生存的演示。