现在几乎所有 AI 工具,都能帮我们快速生成一份炫酷的 HTML PPT,也能一键产出高保真产品原型。
但新的问题很快就出现了:生成之后,怎么改?
我们经常会遇到这样的情况:
对于不会编程的人来说,面对成百上千行 HTML 和 CSS 往往无从下手,只能不断给 AI 输入一大段修改说明。
结果常常是:说了半天,还不如自己动手拖一下来得快。
这些场景背后,其实指向的是同一个痛点:
AI 生成很快,但修改很慢。
今天想聊的这个工具,叫 Claude Design。
它是 Anthropic 于 2026 年 4 月发布的一款对话式 AI 设计工具,可以通过自然语言生成交互原型、PPT、动画,并支持一键导出 PowerPoint、HTML、PDF、MP4 视频以及代码等多种格式。
但真正让我眼前一亮的,不是它能生成什么,而是——你不仅可以和 AI 对话修改,还能直接在画布上动手编辑。
很多 AI 产品都支持“对话改设计”,但当进入细节调整阶段时,这种方式往往存在三个天然缺陷:
慢、依赖网络和 Token、定位不够精准。
Claude Design 的思路则完全不同——四种编辑方式并存:大改交给 AI,小改自己动手。
① 直接编辑(Edit)
点击画布上的任意元素,就会弹出属性面板。
文字、颜色、字号、间距,都可以直接修改。
不需要改代码,不需要重新生成,也不消耗 Token。
如果改错了,左下角还支持历史版本回退,可以随时恢复到任意一步。

② 内联批注(Comment)
鼠标悬停到任意组件,点击后直接留下评论:
“这个 Logo 再大一点。”
“标题颜色改成深蓝。”
“这里换成柱状图。”
AI 会精准定位对应元素并完成修改,不再需要你用大段文字描述“左上角第二张图下面那行字”。

③ 自动调节滑块(Tweaks)
这是我觉得最有意思的功能之一。
比如你说“把整体布局再紧凑一点。”
它不会重新生成整页内容,而是直接生成一个可调节的滑块:宽松 → 适中 → 紧凑
随着拖动,页面上的行距、留白和组件间距会实时同步变化。
对于配色、圆角、间距这类需要反复试感觉的细节来说,这种交互方式比不断修改 Prompt 高效太多。

④ 对话修改(Chat)
当然,对话能力依然保留。
当涉及结构性调整时,比如:
直接和 AI 对话,依然是最高效的方式。
AI 负责快速生成,Claude Design 负责可视化精修。
这是目前我体验下来,制作 HTML PPT 和产品原型最顺手的一套工作流。
目前,Claude Design 已向 Claude Pro、Max、Team 和 Enterprise 用户开放,直接访问 claude.ai/design 即可体验。
谁适合使用?
- 产品经理和创业者:快速产出可交互原型,验证想法不再依赖设计资源。
- 运营和内容团队:活动页、落地页需要微调时,不必再等待开发支持。
- 设计师:快速探索视觉方向,确定方案后再进入 Figma 精修。
- AI 重度用户:告别手改 HTML 和 CSS,让 AI 生成的内容真正可编辑、可迭代。
有些工具值得使用,并不是因为它多了几个功能,而是因为它帮你少做了许多烦人的事情。
Claude Design,大概就是这样一款产品。
以上,如果觉得不错,随手点个赞、在看、转发三连吧,也欢迎给未小范加个星标⭐,以便您第一时间收到推送~谢谢阅读,下篇内容再见。
