Claude Design 初体验:把「脑子里想的东西」变成设计稿,我花了 10 分钟

0 阅读4分钟

标签:AI / Claude / 设计工具 阅读时长:5 分钟


4 月 17 日,Anthropic 悄悄上线了一个新品——Claude Design。

没有发布会,没有大张旗鼓的公告,就是在 Claude Cowork 的插件市场里多加了一个入口。但 Figma 的股价当天应声跌了 5-7%。

这个东西到底是什么?


它能做什么

简单说:你说,AI 做。

不是那种「输入文字,出来一张图」的 AI 生图工具。Claude Design 是一个完整的插件,跑在 Claude Cowork 里,能生成:

  • 设计系统(Design System)
  • 交互原型网站
  • 幻灯片(Slide Deck)
  • 一页纸提案(One-pager)
  • 营销页面

而且出来的不再是静态图片——是可编辑的成品。你在画布上可以直接改文字、换颜色、拖动元素。## 我的实际体验

我试着用它做一个产品介绍落地页。

Prompt:

为一个叫「记股宝」的 A 股持仓分析小程序设计一个落地页,包含头部 Hero 区、功能介绍、用户评价、底部 CTA。风格偏金融科技,蓝色系。

过程:

Claude 问了几个确认问题:目标用户是谁、品牌主色调有没有限制、CTA 按钮想突出什么。

然后开始生成。

大概 2 分钟后,页面出来了。头部标题、副标题、三个功能卡片、用户评价区、注册按钮——结构完整,不是那种粗糙的占位符布局。

我做了什么修改:

  • 把「记股宝」的名字换成实际的 Slogan
  • 调整了 Hero 区的图片(它默认用的图不太匹配)
  • 改了 CTA 按钮的颜色

全程没碰 Figma,没用 Canva,就在一个对话框里完成。


它能替代什么

场景以前用 Claude Design
快速出原型设计师开 Figma,花 2-3 天产品经理自己怼 prompt,10 分钟
营销一页纸用 Canva 拖拽,边调边改直接生成品牌风格一致的版式
投资人 PPT找外包或者自己硬啃输入关键信息,出来可直接讲的 Deck
落地页初稿工程师照着 Figma 手写 HTML直接导出 HTML,或者交给 Claude Code

它的局限在哪

说实话,也有明显的局限:

1. 版权细节控制不了 你想精确控制某个按钮的圆角、某个间距的像素值?目前做不到那么精细。它适合「先有个像样的初稿」,不适合「精确还原设计稿」。

2. 对中文排版支持一般 出来的页面英文排版很舒服,但中文偶尔会出现字间距过松、标点位置奇怪的问题。这个应该会随着模型更新改善,但现在是踩坑点。

3. 贵 一个下午的密集使用,能烧掉大半个 Max 套餐的额度。做一次两次很爽,天天当主力工具用钱包会哭。## 适合谁用

  • 个人开发者 / 独立产品人:想快速有个像样的设计稿,不用每次都找设计师
  • 创业 CEO / 商务:需要快速做投资人用的 Deck,自己就能搞定
  • 运营 / 市场:需要经常出营销素材,不用等设计排期

不适合:需要对设计有精确把控的专业设计师,或者需要大量生产设计内容的团队(成本太高)。


怎么开通

  1. 打开 Claude Cowork
  2. 进去 Plugins 页面,找到 Claude Design
  3. 安装,启用
  4. 开始输入你的想法

就这么简单。没有单独的订阅费,整合在现有的 Claude 套餐里。


总结

一句话:设计工作的「第一稿」被 AI 接管了。

不是设计工作没了,是「从零到有个像样的东西」这个最费时间的过程,现在由 AI 帮你做。

你省下的时间可以花在真正的核心问题上——产品策略、用户沟通、商业逻辑。

工具变了,设计师的职能也会变。早接触,早适应。


附:我用的核心 Prompt 模板

[产品名] 设计一个 [页面类型],
目标用户:[描述],
核心信息:[最想传达的一件事],
风格:[参考方向],
包含:[必要模块列表]

这个模板套什么需求都挺稳,建议收藏。