5分钟画完一个 APP:试用 Anthropic 新出的 Claude Design

Anthropic 前两天上线了一个新工具

Claude Design

一句话说：你描述想要什么，它给你画出界面来

目标用户官方写的是：没有设计背景的产品经理、创始人、营销人员

嗯，适合我

官网：https://claude.ai/design

登录后的界面是这样的：

试着做一个APP吧！

家里养了十几盆，大大小小各种类型都有，浇水很简单，见干见湿就行了，但施肥时间是真记不住——

周期长，两周到一个月不等，没有像土壤干湿那样可以直接感知的外部信号，忘了当下看不出问题，养着养着就发现——长得很慢、叶子没那么绿了、该开花的不开

所以，直接写给Claude Design：

我养了十几盆植物，总是是记不住上次什么时候施肥。想做一个 APP，核心功能只有一个：记录施肥 + 提醒下次施肥时间。

发送~ 等

我认真选好、填好，点继续（在“需要哪些功能”那里，我额外加了一条：每次施肥后，选一下下次施肥的时间就行）

Claude Design开始干活…

右上角支持多种格式导出，我一个个试了下

• ZIP：打开是 HTML 文件，可以预览 ✅
• PDF：不太行，页面不能滑动 ❌
• PPTX：不太行，部分格式会错乱 ❌
• 导出给 Claude Code：直接 copy 一段提示词 ✅

我把那段提示词发给 Claude Code，等几分钟

代码全写出来了！

文末放了体验链接，等会儿可以直接玩 🌱

聊聊整体感受

Claude Design 让我意外的地方是——生成速度是真的快！5 分钟把几个核心界面都画好了，视觉不难看，功能页面的逻辑也是合理的

不够顺手的地方也有：

• 导出格式里只有 ZIP 和 Claude Code 是真好用，PDF 和 PPTX 都有问题
• 中间小交互细节（比如那个导航栏滚动 bug）还是得靠人肉盯着，它自己不会发现

但整体来说，作为一个不会画设计图的产品经理，我只花了 5 分钟就拿到一套看得过去的 APP 概念稿——放过去得麻烦设计师，或者自己在墨刀里搓半天线框图

现在这步，省了

我可以专心想“我要做什么”，“我不会画”这一关，它替我干了~

“画出来了”之后，Claude Code 帮我写了代码，做成了一个可以在线看的 DEMO（纯前端演示）

点击【阅读原文】进去玩一下 🌱