Claude Design 设计工具的社区评价

Claude Design 的思考与感受

我昨天试用了 Claude Design，对这一切将如何发展有了一个理论。

当产品团队规模扩大，设计需要在工程组织内为自己辩护时，设计被推向了系统化——Figma 为此创造了自己的原始元素：组件、样式、变量、props 等等。有些概念是从编程借鉴的，有些不是，整个系统都不能整齐地映射到任何东西。指导方针不断演变，迁移堆积如山，如果你想自动化其中任何一个，你就被困在一小批粗糙的插件里。这个系统复杂得足以让整个设计职位专门从事系统本身的管理。

Figma 和代码之间一直存在紧张的拉锯战，争夺谁应该是真实来源。Figma 击败 Sketch 的部分原因是它声称自己是这个角色——他们的工具将是规范。

这场胜利隐藏着代价。由于采用了锁定的、文档不完善的格式，在编程上很难处理，Figma 实际上把自己排除在了 LLM 训练数据之外。LLM 是在代码上训练的，而不是 Figma 的原始元素，所以模型从未学会它们。随着设计师写代码变得越来越容易，agent 不断改进，真实来源会自然地迁回到代码。而 Figma 在过去十年中不得不引入的所有繁琐基础设施相比之下看起来都很疯狂。当你可以直接在它真正存在的媒介中工作时，为什么还要在一个有损的近似中折腾呢？如果我们想制作陶器，为什么我们不是直接投掷粘土，而是在画陶罐的水彩呢？

在工作中，我们花了相当多的时间把设计变更从代码直接回向 Figma，这一点都不好玩。我不能分享那个文件，但为了公平比较，这是 Figma 自己为他们产品准备的设计系统文件。我得假设它是由你能找到的最有能力的设计系统团队构建的。然而…

这些是 Figma 自己的文件。由他们自己的团队构建。这是黄金标准。

想象一下调试一个看起来颜色不对的东西。你检查组件。组件使用一个变量。变量被别名为另一个变量。那个变量引用一个模式。模式在实例级别被覆盖。该实例位于一个应用了库交换的嵌套组件内。这时，你要么考虑开始写代码，要么搬到乡下去养绵羊，因为再多一分钟的这个会让你疯掉。

所以当真实来源转回代码时，Figma 处于一个奇怪的位置：拥有一个基本上是手动的、前 agent 时代的系统，没有理智的人会从头开始设计。

我认为设计工具从这里开始分叉成两个不同的形状——在 Figma 和每个其他竞争回答他们在 2016 年回答的同一问题的工具之间几乎有一个时钟重置：谁能帮我这个设计师最快地把想法表达出来？

剧透：不是 Figma Make。Figma Make 似乎主要惠及已经喝了 Kool-Aid 的人——它从 Figma 样式、组件库和专有 props（或者如我喜欢称它们的，Prop Props）中读取，它是这个新环保中唯一仍然假装设计文件是规范的工具。它是给想要（或被迫）留在系统内的人的工具。

Claude Design 是这两个工具中的第一个，走的是相反的赌注。有一个工艺美术原理叫"材料诚实"——一个东西应该诚实地对待它是什么以及它如何被制造，而不是假装成别的东西。Figma 最后却是相反的：一套极其僵硬的模式，上面盖着一个自由形式的"就是那个感觉，老兄"的外衣。像一个 A 型人格在身体上无法放松，被迫表现出放松的样子，同时内心尖叫你的框架没有嵌套好，你的令牌分离了，没有东西在网格上。Claude Design 尽管粗糙，至少对自己诚实：从上到下都是 HTML 和 JS。

而且它有一个巨大的结构优势：它的兄弟是 Claude Code。最终，我可以看到 Claude Design 只是直接将东西倾倒到 Claude Code 中，反之亦然。Claude Design 的入门已经让你导入你的仓库。设计和实现之间的反馈循环——这从古至今一直是摩擦的来源——变成了一个单一的对话。

从这一刻出现的另一个工具完全不会对代码有任何期望。它将是一个纯粹的探索环境——一个可以放下矩形、堆叠图层样式、摆弄混合模式和渐变的地方，完全疯狂，不受系统或提示约定的约束。也许是一个 iPad 应用程序，带有 Pencil 支持，你只是快速草绘一堆矩形。37signals 现在可以做一些真正有趣的事情。或者也许它朝相反的方向进行——更像 Photoshop 的东西，全力投入高保真合成，让我们的想象力疯狂运行，现在我们不再受限于 CSS 效果能做什么的天花板。在 Figma 整个生命周期的 90% 中，它唯一的图层效果是投影或模糊，这似乎有点奇怪吗？

Figma 的 Sketch 时刻即将到来。如果你对一个维多利亚时代的孩子说这句话，他们可能会中风。

以下是仅为 Sketch 和 Figma 背后的团队准备的信息。如果两者都不适用于你，你可以滚蛋。

给 Figma：我可以看到一个世界，这篇文章在 Figma 内部 Slack 上获得大量讨论。如果是这样，你从 Figma 阅读：如果你去年在我面试时雇了我，这就不会发生。你的损失，老兄。

给 Sketch：把你们的脑袋从屁股里拔出来，给他们火力。添加粒子效果。添加压花效果。网格变换。操它，添加金属着色器。疯狂吧。停止靠 Mac 原生的名声吃饭。别喝可可了，该口渴了——渴血。

给妈妈：为脏话道歉。

@jonnyburch 在 Twitter 上分享了一个类似想法的博客文章链接，如果你想深入了解的话，这很不错。