核心观点
Nate Parrott的核心观点可以概括为三点:
1. 让AI干“脏活”,人专注创意
传统设计工具需要手动绘制每一帧并连线,而Claude Design能直接根据你的描述生成可点击的原型、幻灯片甚至动画。设计师不需要花时间在枯燥的重复劳动上,而是把精力集中在“想清楚要什么”这一核心环节。
比如,你想做一个产品演示,只需把素材交给Claude,说“让它们动起来”,它就能生成一个可分享的链接。 最佳做法是:在远离电脑时想好需求,再用语音或笔记记录下来,然后让Claude精准执行。
2. Claude Design不是代码生成器,而是“思考加速器”
很多人误以为Claude Design是替代设计工具的,其实它专为早期探索和沟通而生。它不擅长做精细的logo或生产级代码——那些交给Claude Code或专业设计软件。
它的真正价值:快速生成15个方向的草稿,让大家投票;在会议中临时做一页幻灯片,当场对齐认知。 与Claude Code配合使用:原型在Claude Design里迭代,确认方向后再交给Claude Code写代码。模型越强,重头戏越往前移——想清楚好点子、对齐团队、收集早期反馈。
3. 设计要“活”起来,而不仅仅是画出来
Nate引用Bret Victor的演讲《别画死鱼》:所有设计应该默认是活的。Claude Design的独特之处在于它能产出交互式文档、会说话的幻灯片、既是视频又是图表的作品。
例如,他用Claude Design给自己做了一个定制视频编辑器,然后拿它做开场动画;或者做一个地铁时刻表应用,拖拽滑块就能调整动画物理参数。 给设计师的建议:不要只想着输出静态图片,用HTML做载体,让设计具备动态交互能力。
以下为全文翻译
从“一个人追赶整个团队”出发
2025年秋天,我是VS Code版Claude Code团队唯一的产品设计师。我们与两位工程师一起,把Claude Code从命令行终端搬到更友好的界面里。9月底我们发布了测试版,11月Opus 4.5模型上线,Claude Code团队开始快速迭代、密集交付。工程师们的产出量远超从前,而我仍然维持着自己一贯的速度。我必须想办法跟上节奏。
Claude Code运行在终端里,一切基于文本。我最初的尝试也遵循这种思路:把输出内容复制出来,加上截图,然后问Claude:“我们要加这样一个功能,你来设计一下?”结果并不理想。接下来一个月左右,我把这件事当成一个副项目,不断寻找改进Claude设计输出的方法。
给Claude一个HTML游乐场
后来我偶然找到了答案:Claude非常擅长HTML。我们通常把HTML看作网页格式,但它其实也是一种丰富的、交互式的视觉媒介——你在幻灯片、视频文件或PDF里能做的任何东西,都可以用网页实现。于是,我让Claude生成HTML,并给它一个分屏界面:左侧聊天,右侧实时查看输出。
这已经很有用了,但产品设计需要你对所在产品和品牌有深入了解。所以下一步,我花了一些时间将Anthropic品牌的精髓(字体、颜色、素材和设计原则)提炼成提示词。这样,当我向工具输入提示时,输出的结果就符合Anthropic的品牌规范了。
我把它做成了一个内部原型,分享给团队。产品设计师们立刻拿它来做交互原型。在传统设计工具里做一个可点击的原型,需要你手动画出每个屏幕的每个状态,再一一连接起来。而在Claude Design里,你把素材交给它,说一句“让它能用”就行。它生成的每个作品都带有一个链接,你可以像分享文档一样分享出去。
Claude Design如何成为视觉工作的媒介
我第一次真正感受到Claude Design的威力,是在Anthropic Labs团队的封闭开发期间的一次创意提案会上。现场每个人都在用它做幻灯片,甚至经常在轮到他们上台前的那几分钟里临时拼凑出来。那次会议让Labs团队决定正式投入资源,Claude Design从一个副项目变成了真正的产品。
我们不再把它描述为“产品原型工具”。Claude Design变成了一个生产各类视觉沟通内容的工具:幻灯片、落地页、可打印PDF的单页、邮件、动画、社交媒体视觉素材。我把它看作是“比产品设计高一层”的东西:你与Claude协作,产出以沟通和创意为主要目的视觉作品。
随着模型视觉能力的提升,Claude Design能做的作品范围和质量也在增长。我们最新的Opus级模型——Claude Opus 5——在读取图表、截图和示意图方面比之前的Opus更强,搭配Claude Design制作演示级报告和备忘录时效果非常显著。
Claude Design不适合做什么
Claude Design没有图像模型,也不是为图片生成而设计的,所以它不太适合做logo设计——尽管还是有很多人尝试。更好的做法是把你已有的logo和素材带进来。其余流程是一样的:Claude会创建多个选项和起点,让你不用盯着空白画布发呆,你可以挑选其中好的,或者把多个版本组合起来。
如果你需要交付生产级软件,还是用Claude Code。Claude Code负责写代码;Claude Design负责设计工作中其他部分:早期构思、协作、或者在大家投入开发之前争取方向上的支持。两者可以循环协作:你可以把在Claude Code里开始的原型同步到Claude Design里进行迭代和画布编辑,也可以把在Claude Design里准备好要构建的原型交给Claude Code。随着模型编写生产级软件能力的提升,最重要的工作越来越多地前置:拥有好点子、让所有人对齐、在想法还处于早期阶段时收集反馈。
我日常是怎么用Claude Design的
我每天都在用Claude Design做所谓的“面包黄油”设计工作:画早期想法的线框图,或者生成15个版本的流程来收集同事的反馈。以下是一些近期例子:
Claude Design的开场动画:你在注册Claude Design时看到的开场动画,就是用这个工具本身做出来的——但不是直接做。我不是动画师,所以我先让Claude Design帮我做了一个定制视频编辑器,然后用那个编辑器制作了动画。
地铁时刻表应用:带可调节动画控制,可以精细调整运动的物理参数。
Instagram风格的颜色控制:我让Claude允许我用滑块和预设来调整应用的配色方案,而不是用文字描述颜色。
Claude Design自身的重新设计:我和两位同事Helen、Andrew就在这个工具内部,反复迭代编辑器的新设计。我们不会直接把它发布出去,但这是我们探索产品可能性的方式。
使用Claude Design的最佳实践
动笔前先想清楚。 最有效、最高效地获得符合你愿景的输出,就是一开始就把需求告诉Claude。我在设计前会花很多时间写提示词。有时我会用语音按钮在Claude Design里口述,有时躺在沙发上用手机的备忘录打字,或者在散步时录一段语音笔记,之后粘贴文字。无论你偏好哪种沟通方式,先远离电脑想清楚你要什么,这样坐下来时Claude就能精确执行你的想法。
告诉Claude它应该长什么样。 如果放任不管,Claude会选它最喜欢的某种美学风格——你可能也能认出来。想要避免这种情况,请指定字体和颜色,或者提供一组图片作为灵感情绪板,也可以让Claude头脑风暴几套字体和颜色搭配,来来回回直到找到感觉。
把重复工作变成设计系统。 上传你的品牌文件和素材,比如logo、幻灯片、截图、排版规范以及任何你反复使用的东西,Claude会分析它们并生成一个设计系统。这样,之后每个新作品都会从你的选择开始,而不是从一张白纸出发。
一次要十个选项,然后混搭。 大多数选项不会好——没关系,其中一两个会不错。然后你说:“我喜欢选项B,以及选项D里的一点点。给我五个把这两个揉在一起的变体。”
画下你无法描述的东西。 如果你脑子里有一个布局但找不到词形容,那就画在纸上,拍张照片上传。
指一指,说一说。 与其写一整段文字说明你要的是哪个元素,不如直接点击那个元素然后说出来。你需要开启设备上的听写功能,选择“评论”,然后点击评论输入框。你的话就会出现在评论框里,就像你在打字一样。
先画线框图,那些不要求高保真的场合。 要求线框图会快得多,而且能让Claude专注于设计的高层结构而不是视觉效果。这是快速尝试多种不同想法的好方法。
最后几米自己动手。 用直接编辑工具(重新排列、删除、编辑文字、调整大小、改变颜色)来做最后润色,而不是通过对话提示。直接编辑不消耗token,而且像尺寸和对齐这样的小调整,靠肉眼判断更准。
给Claude你的真实上下文。 如果你在为现有应用或网站设计新功能,可以连接GitHub:Claude会读取你的组件和现有界面作为起点,试几次就能够相当高保真地复现你现有的设计。网页搜索和MCP连接也可以在Claude Design里使用,只要设计依赖于外部信息。
持续与Claude协同工作。 你不必等Claude交出最终结果后,再开始下一轮提示或新任务。你可以一次排队多条消息,也可以在Claude还在处理上一轮结果时继续对话。
让设计“活”起来
有一场Bret Victor的演讲,每个设计师都应该在某个时候看看,叫《别画死鱼》。简介里说:“我们画的所有东西,默认都应该是活的。”
我想鼓励所有设计师——无论是在Claude Design里还是其他工具里——去思考如何让你的创作活起来。我最喜欢的Claude Design作品,是那些无法被现有框框套住的东西:带交互模拟的文档、会跟你对话的幻灯片、同时也是视频的图表、以及本身就是编辑器的设计。代码,尤其是HTML,是一种极好的创意媒介,而且现在设计师终于可以相对容易地用它来创作了。
Claude Design之所以成为今天的样子,是因为Anthropic的同事们不断发现我从未计划过的用途。它现在已经作为测试版在Claude Pro、Max、Team和企业版上可用。试试它,带它去一个我们都还没想过的方向吧。
本文由Nate Parrott撰写,他是Anthropic的产品设计师,文章表达了他在Claude Design上的个人观点、使用习惯和建议。
夜雨聆风