Claude Design vs Lovable：5维度深度对比，谁更适合UX设计？

文章正文

Anthropic 发布的 Claude Design 在设计圈引起了不小的轰动。作为一款直接集成在 Claude 生态中的 AI 设计工具，它能否真正挑战现有的 AI 建站工具？一位 UX 设计师用同一个 Prompt 同时测试了 Claude Design 和 Lovable，从风格还原、字体、动效、响应式设计和文案质量五个维度进行了详细对比，结果既有惊喜也有翻车。

背景：AI建站工具的技术路线之争 Claude Design 是 Anthropic 将其大语言模型能力延伸至 UI/UX 设计领域的尝试，代表了「设计即提示」（Design-as-Prompt）这一新兴范式。与传统设计工具（如 Figma、Sketch）不同，AI 建站工具通过自然语言理解直接生成可运行的前端代码，跳过了线框图、原型图等中间环节。Lovable（前身为 GPT Engineer）则是这一赛道的先行者之一，专注于将自然语言描述转化为完整的 React 应用，背后依赖 GPT-4 等大模型的代码生成能力。两者代表了当前 AI 设计工具的两种路线：前者强调与大模型生态的深度整合，后者则更专注于工程化的代码输出质量。

测试方法：同一 Prompt，两款工具同台竞技

测试者编写了一个相对简单的 Prompt，要求 AI 生成一个个人网站，包含自我介绍、兴趣爱好展示等页面，并附上了一个参考网站的截图，希望 AI 能借鉴其视觉风格。这个 Prompt 同时给到了 Claude Design 和 Lovable，让两者在相同条件下"同台竞技"。

最终生成的两个网站风格截然不同——这本身就很能说明问题。

风格还原度：Lovable 更胜一筹

参考网站的整体风格是活泼、张扬、热情有活力的。从结果来看，Lovable 至少在尝试模仿参考网站的视觉风格，能看出它把参考网站当作了模板来借鉴。

而 Claude Design 则完全"我行我素"，生成的设计更接近 Anthropic 自家的设计审美——简洁、内敛，但与给定的参考风格毫无关联。网上也有不少用户吐槽 Claude Design 生成的设计稿"千篇一律"。

有意思的是，Claude Design 的系统提示词中明确写着：**"Claude 在基于代码而不是截图来创建或编辑界面时表现更好