设计师要失业了？Claude Code 正在把代码模型变成 Figma 合伙人

如果你还以为 Claude Code 只能写代码，那这条视频会让你改观：它已经开始直接参与“设计”了，而且不是画草图，而是生成可用的 Figma 方案。更反直觉的是，这套流程几乎不需要设计师传统的操作路径。

最反直觉的一幕：写代码的模型，开始“画设计稿”

视频一上来就抛出一个让人警觉的画面：Riley Brown 用 Claude Code 直接为自己的个人网站做视觉设计，而且目标不是 HTML 原型，而是 Figma 里的设计稿。这不是“生成灵感图”，而是实打实地生成页面结构、布局版本，甚至还能横向对比多个方案。

这件事的反直觉之处在于：我们一直默认“设计”是 LLM 的弱项，而 Claude Code 被定位为“写代码的 AI”。但在这个 workflow 里，Claude Code 被当成一个能理解视觉意图、产品语境、甚至审美偏好的设计合作者。换句话说，模型不再被限制在语言或代码，而是开始吃下“设计输入”。

真正的关键不是 Claude，而是这套工作流

如果只看结果，很容易误以为这是 Claude Code 的一次能力升级。但视频里真正值得 AI 从业者注意的，是整套工具链的拼接方式。

Riley 使用了两个核心工具：Claude Code + Cursor。通过在 Cursor 中创建新项目（command + shift + N），建立 Claude Code 与 Paper.design 之间的连接，相当于把“设计工具”暴露给模型调用。这里的关键不是某个按钮，而是：Claude Code 已经被允许对设计系统产生操作性影响。

当他把“我在 Twitter 上看到一个很喜欢的设计”这种极其模糊的人类语言，加上两张图片作为输入交给模型时，Claude Code 并没有卡壳，而是直接生成多个可用版本。随后，他像在和设计师协作一样，说一句“再给我一个在右边的新版本”，模型就真的生成了 V2、V3。这一刻，AI 的角色不再是工具，而是一个可以被‘调教’的创意执行者。

从‘选方案’这一刻开始，设计师的位置变了

视频后半段最耐人寻味的，不是生成，而是“选择”。Riley 明确说：“I think I like V1.” 这句话本质上宣告了一件事：人类正在从‘设计执行者’，退到‘设计决策者’的位置。

Claude Code 负责把想法变成多个视觉可行的版本，而人类负责判断哪个更符合目标。这和传统设计流程完全相反——过去是人类先做，再让老板挑；现在是 AI 先铺开，人类只需要做判断。

对 AI 从业者来说，这意味着一个危险又兴奋的趋势：未来的竞争力，不再是你会不会用 Figma，而是你能不能用一句话，让模型理解你真正想要的东西。设计能力正在被“语言化”，而不是“工具化”。

总结

这条视频的价值不在于教你怎么用 Claude Code 画页面，而在于它提前展示了一种新分工：AI 负责生成可能性，人类负责做选择。如果你是开发者，这意味着你离“能独立做完整产品”更近了一步；如果你是设计师或产品经理，你需要开始训练一种新能力——用语言和示例，精准地指挥模型。一个值得思考的问题是：当生成成本趋近于零，什么样的审美和判断，才会变成真正稀缺的能力？

关键词： Claude Code， Cursor， AI 设计， Figma， 生成式工作流

事实核查备注： 视频发布时间为 2026-03-09；作者/频道为 Riley Brown；涉及工具包括 Claude Code、Cursor、Paper.design、Figma；视频展示的是通过 Cursor 建立 Claude Code 与 Paper.design 的连接进行设计生成。