當所有人還在討論 claude design, 且同時看待 figma 與 adobe 股價低落的同時,Google 悄悄地從規範出發 design.md 的出現,標誌著設計系統從「人類看的視覺規範」正式演進為「機器執行的視覺代碼(Design as Code)」 如果我們把產品開發看作是一場工業革命,design.md 就是那套 「單位」 。在單位普及前,零件無法通用;有了它,前端組裝線才能真正實現自動化。 Google 很清楚,誰定義了 規範(Schema),誰就定義了工作流。當所有的 AI Agent 都優先支援 design.md 時,設計師在 Figma 裡畫得再漂亮,最後還是得匯出成 Google 定義的規格才能落地。 設計師的身份轉變:從「創作者」到「品管員/架構師」? 針對你最後的問題:設計師是在做設計,還是在做 AI 的品管? 這可能是一個職能重組的過程: 低階設計的消亡: 調整圓角、對齊邊距、更換 HEX 色碼這類「體力活」,將完全被 design.md 自動化。 設計即「規則定義」: 未來的設計師更像是一位 Protocol Engineer(協議工程師)。他們的工作是定義:在什麼情境下(Context),系統應該如何反應?(例如:當使用者感到焦慮時,UI 的節奏與飽和度應如何自動縮減?) 品管(QA)的昇華: 設計師不再是檢查像素,而是檢查。邏輯的一致性 對於 Cymkube 或 Cympack 來說,這種技術變革意味著:一人研發團隊的產能將再次擴張。 當你把品牌感覺轉化為機器可讀的契約,你省下的不只是 30% 的重工成本,而是贏得了 「快速市場反應」 的能力。在 AI 時代,產品的勝負不在於誰的 UI 畫得更美,而在於誰能以最快速度、最低成本,把正確的品牌體驗精準地交付到用戶面前。 當設計流程完全被「規格化」後,下一個會被 AI Agent 攻克的「溝通摩擦力」會出現在哪個環節? 是後端的 API 協議,還是產品經理的 PRD? ref https://github.com/google-labs-code/design.md
分享 這篇文是由 Anthropic 的設計師 Ryan Mather (@flomerboy) 所發表,他在文中分享了自己如何利用剛發布的 Claude Design ,以「一人之力負責公司 7 個產品線設計」的心得與建議。 📝 推文核心內容翻譯(使用 Claude Design 的 7 個建議): 設定好你的設計系統和核心畫面 (Design System & Core Screens) 這裡非常值得你花上一個小時的時間進行前期的設定與最佳化。把你現有的程式碼庫、設計檔和品牌素材都餵給 Claude,讓它自動建構出一套設計系統。之後的每個專案都會自動套用你的顏色、字體和組件,長期下來能帶來極大的複利效應。 與你的工程師即時迭代 (Iterate in real-time) 過去那種「設計師出圖 → 丟給工程師實作 → 來回修改」的模式已經過時了。現在最好的方式是,開個會與工程師一起看著畫面設計新功能。Claude 製作原型的速度極快,你們可以在對話中持續迭代、圍繞概念與限制即興發揮,看著想法當場成形。 使用評論工具進行快速精準的修改 (Comment tool for precision) 在產出粗略的初稿後,你可能會有數十個細節想要微調(例如按鈕間距、顏色更改等)。用文字去描述所有想要的變更是很麻煩的——所以千萬別那樣做!直接在元素上點擊評論並給出具體的修改指示即可,精準又快速。 讓 Claude 為你的想法製作影片展示 (Video Demos) 一般來說,Claude Design 幾乎可以實現任何你能想到的事情。老實說,它的運作邏輯其實更像是 Claude Code(程式碼代理),而不是傳統基於畫布 (canvas-based) 的設計工具。 善用連接器 (Connectors,尤其是 Docs/Slack) 一旦設定好連接器,你可以丟給它這樣的提示詞:「請閱讀這份產品吐槽大會 (product roast) 的會議記錄,並針對裡面提到的所有問題,製作一份探索不同設計解決方案的簡報 (Deck)。」然後你就可以出門散個步放鬆一下,帶著全新的視角回來看它自動生成的結果,把複雜的腦力活交給它。 讓 Claude 建立客製化的即時工具 (Custom on-the-fly tools) 總體而言,請不...