Claude Design - 对不起 Claude 我之前说话有点大声

约 3 分钟阅读

之前的文章里我提到过,Claude 准备为设计师发布一款新工具。昨晚 11 点左右,它正式上线了(Claude Design)。这一周已经被 Claude 的新功能连续轰炸,我个人的感受是:抛开其它一切不谈,Anthropic 真的是一家非常有想象力、执行力极高、对 C 端用户足够友好的公司。

今年以来 Claude 就像踩了火箭,新品一个接一个。这次发布的 Claude Design,并不只是 Pencil、Figma Make 那种”继承了 AI 能力的设计工具”那么简单——它顺带可以做原型、做演示稿,甚至可以上传你的设计文件、参考你的 Git 仓库,产出与你项目风格统一的设计图。

我试用了一下,发现它的上手门槛其实不低,功能太多,一时半会儿也没研究透彻。所以下面挑几个我认为比较关键的能力来聊。

创建专属设计系统

创建设计系统

它可以参考你的 GitHub 仓库、代码和已有设计文件,为你打造一个专属的设计项目,避免其它工具经常出现的”生成结果和自己项目风格对不上”的尴尬。

然后可以选择是创建粗糙的原型还是精细的原型,还可以创建幻灯片。

设计系统配置

它的实现原理其实是:当你选择了对应项并关联了仓库之后,会在这个项目上默认附加一个 skill,用来约束后续生成内容的风格与规范。

生成过程的”可选项”而非盲生成

再值得一提的是它的生成流程。它并不是一股脑把结果丢给你,而是在你输入提示词后先生成一大堆选项,让你自行挑选方向。

生成选项界面

我随手选了几个,以下是生成的结果:

生成结果示例

就算对结果不满意,也可以很方便地让 Claude 进行二次修改。

二次修改交互界面

Examples 板块:可交互的提示词样板

它还有一个 Examples 板块,可以直接看到对应的提示词,而且里面的内容都是可以交互的。

Examples 板块

一键发给 Claude Code,打通设计到开发

就我个人的体验来说,这一整套流程,比目前市面上已有的 AI 设计工具体验要好太多。我之前也用过 Pencil,功能上没有这么全——而最关键的一点是:Claude Design 可以把设计图一键发给 Claude Code。

一键发送给 Claude Code

这等于直接打通了”设计 → 代码”之间的最后一公里。刚发布不久,效果到底如何大家不妨亲自体验一下。目前是独立的周限制额度:

用量提示

我深度使用后,已经触发了周限制,效果确实好,但是现在的额度太少了,不知道之后会不会调整。

写在最后

前一篇文章里我还说”用不上 Claude 也不必强求”,但就现在 Claude 的产品力和生态表现来看,竞争对手与它之间已经很有差距了。能用上就尽量用上——毕竟天天都有新东西可以尝试,何尝不是一件美事。

转载协议

本文采用 CC BY-NC-SA 4.0 协议进行许可,转载请注明出处。 CC BY-NC-SA 4.0

允许转载、修改和分享,但必须注明作者和出处,且不得用于商业用途,衍生作品需采用相同协议。

☕ 请我喝杯咖啡

如果这篇文章对你有帮助,欢迎打赏支持!

打赏二维码