当前位置：首页 > news >正文

Claude Design 登场，设计工具分化，Figma“Sketch 时刻”将至？

news 2026/4/19 17:33:58

关于 Claude Design 的思考与感悟

2026 年 4 月 18 日，山姆·亨利·戈尔德试用了 Claude Design，并对局势发展有了一些想法。随着产品团队规模扩大，设计需在工程组织中证明自身价值，促使设计向系统化发展。Figma 发明了组件、样式、变量、属性等基础元素，有些概念借鉴自编程，有些则不是，且整个体系与其他事物不能完美对应。设计指南不断演变，迁移工作增多，若想实现自动化，只能依赖质量不佳的插件。如今甚至出现了专门负责管理该系统的设计岗位。

在 Figma 和代码之间，关于谁应作为事实来源的问题一直存在紧张博弈。Figma 宣称其工具将成为标准，从而在与 Sketch 的竞争中胜出。但这场胜利背后有代价，Figma 采用封闭且文档不完善的格式，难以通过编程方式处理，这使其意外被排除在能让其在智能代理时代保持相关性的训练数据之外。大语言模型（LLMs）基于代码训练，而非 Figma 的基础元素，所以模型从未学习过这些内容。随着设计师编写代码变得更容易，智能代理不断改进，事实来源自然会重新回归代码。相比之下，Figma 在过去十年构建的复杂基础设施就显得荒谬。既然能直接在实际运行环境中工作，为何还要在有损的近似环境中折腾？就像制作陶器，为何不直接摆弄黏土，而是画水彩画？

在工作中，人们花大量时间将代码中的设计更改反向移植回 Figma，这并非愉快的事。虽不能分享那个文件，但为进行公平比较，展示了 Figma 自己产品的设计系统文件，这应该是由最专业的设计系统团队构建的。展示的文件包括：Figma 变量面板显示 946 个颜色变量，组织成嵌套组，选中变量会显示八种特定模式的值；模态页脚组件的变体属性编辑器显示 12 个变体，下拉菜单有 "DS 库交换" 等值，右侧面板列出八个属性；滑块组件的效果样式面板显示 "light/elevation - 300 - tooltip" 样式，展开后可看到完整定义；组合输入组件有 16 个变体，图层面板子元素名称类似 "默认，默认，关闭按钮 = 否" 等。这些都是 Figma 自己的文件，是行业的黄金标准。

想象调试颜色显示异常的情况，检查组件会发现变量层层嵌套、模式被覆盖等复杂情况，到这时，人们要么考虑学代码，要么想搬到乡下当羊倌。随着事实来源重新回归代码，Figma 陷入尴尬境地，它拥有依赖手动操作、前智能代理时代的系统，现在没人会从头设计这样的系统。

从现在起，设计工具将分化为两种截然不同的类型，这像是 Figma 和其他工具之间的新竞争，它们都在回答 2016 年 Figma 曾回答过的问题：谁能帮助设计师最快地将想法付诸实践？剧透一下，不是 Figma Make。Figma Make 似乎主要对深入使用 Figma 的人有益，它读取 Figma 的样式、组件库和专有属性，是新环境中唯一还假装设计文件是标准的工具，是想留在这个系统内的人的工具。

Claude Design 选择了相反的方向。工艺美术运动有 "材料真实" 原则，即事物应如实展现本质和制作方式，而 Figma 有严格架构，却套了自由形式的 "感觉至上" 外衣。Claude Design 虽粗糙，但对自己的本质很诚实，是彻头彻尾的 HTML 和 JS。Claude Design 还有巨大的结构优势，它的 "兄弟" 是 Claude Code。可以想象，最终 Claude Design 能直接将内容导入 Claude Code，反之亦然。Claude Design 的入门流程已允许导入自己的代码库，设计和实现之间的反馈循环将变成无缝对话。

另一种工具完全不涉及代码，是纯粹的探索环境，可随意放置矩形、堆叠图层样式、调整混合模式和渐变，不受系统或提示规则限制。也许是支持 Apple Pencil 的 iPad 应用，能快速绘制矩形。37signals 现在或许能搞出有趣的东西。或者走向另一个极端，更像 Photoshop，专注于高保真合成，让想象力尽情驰骋，毕竟不再受限于 CSS 效果的能力。Figma 在其 90% 的生命周期里，唯一的图层效果只有投影和模糊，这很奇怪。Figma 的 "Sketch 时刻" 正在迅速来临。

附言

以下内容仅针对 Sketch 和 Figma 的团队。致 Figma：这篇文章可能会在 Figma 的内部 Slack 上引起热议。如果正在从 Figma 阅读这篇文章，只能说去年面试时若录用了作者，就不会有今天的局面。致 Sketch：别再摆烂，添加粒子效果、浮雕效果、网格变换等，别再靠 macOS 原生应用吃老本。致妈妈：抱歉说了脏话。