阿里下场做了一款 Claude Design，有不少创新。

📌 一句话摘要

本文详细评测了阿里 QoderWork 新上线的 Design Desk（设计工作台），将其与 Claude Design 对比，并指出其在产物工程化、画布交互和内置 DESIGN.md 模板方面的创新。

📝 详细摘要

文章介绍了阿里旗下 QoderWork 平台新推出的 Design Desk 功能，这是一个类似 Claude Design 的 AI 原生设计即代码工具。作者首先对比了 Claude Design 和 QoderWork Design Desk 的区别，指出 Claude Design 的产物停留在 HTML 层面，而 QoderWork 支持 React、Vue 等前端框架工程，产物可直接进入研发工作流。QoderWork 还提供了画布交互模式，用户可以直接圈选区域并用自然语言修改，内置了 150+ 套 DESIGN.md 风格模板。文章通过一个真实的案例（为 AI Maker Summit 上海站设计官网）展示了产品的完整工作流程：需求澄清、设计计划、局部打磨。作者认为这类产品重构了软件研发的全流程，将零散的探索做成了产品功能。

💡 主要观点

- QoderWork Design Desk 的产物是可直接进入研发工作流的前端工程文件，而非纯 HTML。 与 Claude Design 仅输出 HTML 不同，QoderWork 支持 React、Vue 等框架，产物可维护、可拆组件、可复用，更贴近真实工程实践。

画布交互模式让迭代更直观，支持圈选区域并用自然语言修改。 用户可在画布上直接圈选元素，用文字或画笔标注修改意图，AI 即时响应，体验类似 Figma 协作，比纯 HTML 预览更自由。

内置 150+ 套 DESIGN.md 风格模板，将设计规范明文化。 DESIGN.md 将字体、颜色、间距等设计规则写成明文，AI 按规则执行，避免了模糊指令导致的效果不可控。

💬 文章金句

- QoderWork 的设计工作台和 Claude Design 这类新一代产品的思路是，直接做一个 AI 原生的设计即代码工具。

它们的交付物是可运行、可编辑、可交付的工程文件，而不是图片式的设计稿。
毕竟在这样的产品当中，模型不是决定性因素，最终考验产品的交付能力的还是模型再加 Harness。

📊 文章信息

AI 初评：83

来源：AI产品阿颖

作者：阿颖

分类：人工智能

语言：中文

阅读时间：11 分钟

字数：2567

标签： QoderWork, Design Desk, Claude Design, AI 编程, 设计即代码

阅读完整文章

阿里下场做了一款 Claude Design，有不少创新。

🤖 問 AI