前一段时间A社推出了Claude Design,标志着 AI 编程工具进一步参与设计。虽然目前专业的工作流还是先在Figma中设计然后导出,或通过mcp导入到Coding Agent中进行编码还原,但Claude Design有这独特的价值。

主要帮助有以下三点:

  • 把模糊想法变成清晰方案。Claude 会先追问目标用户、使用场景、关键约束和成功标准,再整理出信息架构、交互路径和边界条件。并且擅长补全容易遗漏的状态(空状态、加载中、错误提示、权限不足、移动端布局、长文本溢出…)
  • 产品-设计-开发无缝衔接。以前产品方案是文档和交互稿,然后美术会介入,最后工程师再从头实现。
  • 沉淀可复用资产。会沉淀出一套设计语言,方便制作主题统一的不同产品。

Claude Design workflow