Anthropic 設計師親揭 Claude Design：別當 Figma 用

別把 Claude Design 當 Figma 用。Anthropic 設計師分享：它用 code 生成設計，和 Claude Code 互補，已有 Handoff to Claude Code feature，附 7 個實戰 tips。 ⭐ 文章深度讀：整理了 7 個實戰 tips 和 Handoff 怎麼用 → https://heymaibao.com/anthropic-designer-claude-design-tips/ ⚡ 章節重點 別當 Figma 用 00:00 用 code 做設計的新眼鏡 00:49 Anthropic 設計師的 7 個實戰 tips 02:03 Claude Code 與 Claude Design 雙工具 workflow 03:51 知道何時該慢下來 04:43 📝 懶人包 ∙ 作者自稱 Claude Design「更像 Claude Code 而不是 canvas-based 設計工具」，用 code 生成設計，不是畫圖。有使用者問他是畫出來還是寫 code 做的，他直接回三個字：它是寫 code 做出來的 (原文：It codes them!)。 ∙ Claude Code 和 Claude Design 不是替代關係，而是互補：Claude Code 貼近 production feel，可直接存取 developer tooling，Claude Design 更適合 rapid ideation and exploration (快速發想和探索)，兩者之間已有內建的 Handoff to Claude Code feature 把設計稿直接接到工程實作。 ∙ 作者一個人服務 7 條 Anthropic 產品線，他的 7 條實戰 tips 第一條就是：花一小時把 design system 和 core screens 設定好，是整組 workflow 最划算的投資。 ∙ 我的觀察：agentic 設計節奏越快，設計師自己的判斷力越重要。最值得交給 AI 的是 ideation 與探索，最不該外包的是 icon、spot illustration、命名這類影響力超過尺寸的細節，這條反而是整串 tips 裡最逆勢的一條。 📚 參考資料 My tips for getting the best results out of Claude Design (Ryan Mather on X) → https://x.com/flomerboy/status/2045162321589252458