5086 积分	0 好友	692 主题

Claude Design提示词泄露：AI设计工具冲击Figma，股价应声下跌

发表于 2 小时前 | 查看: 6| 回复: 0

Anthropic 在周四晚上发布了 Claude Opus 4.7，紧接着周五就推出了 Claude Design。这个节奏快得让人有点跟不上。

那么，Claude Design 到底是个什么东西？简单来说，它让你能用对话的方式完成设计工作。无论是原型、幻灯片还是落地页，你只需要说出需求，它就能帮你生成。

Claude Design 一经发布，便迅速火遍全网。其影响力甚至直接反映在了资本市场——Figma 的股价应声大跌。

Figma股价下跌行情截图

它的能力确实强到让人意外：

1. 对话就能出设计稿

以前做设计，你得先学习 Figma 或者 Photoshop，掌握了工具才能把脑海里的想法可视化。现在，你只需要直接描述需求：“帮我做一个深色主题的交互式地图，城市之间用发光的弧线连接。”几秒钟后，第一版设计稿就呈现在你眼前。

不满意？继续用语言调整就行。“把弧线的颜色改成蓝色”、“城市标签字号调大一点”，它能实时响应你的修改。你不再需要费力地寻找图层、记忆复杂的快捷键，或者在一级级菜单中翻找。

社交媒体用户分享使用Claude Design快速重构官网的推文截图

2. 它会给你做工具

Claude Design 里有一个名为“Knobs”（旋钮）的功能。你可以要求它生成自定义的交互控件。例如，想调节弧线的发光强度？它会为你生成一个0-100的滑块。想调整字体大小？再加一个滑块控件即可。

Claude Design生成的交互式地图及参数调节面板截图

你拖动这些滑块，设计效果会实时变化。这已经超越了“AI帮你画图”的范畴，进入了“AI为你打造专属设计工具”的层面。

3. 自动套用你的品牌规范

对于企业用户而言，品牌一致性是核心关切。Claude Design 在项目开始前，能够读取你的代码库和现有的设计文件（如 .fig 文件），自动提取颜色、字体、组件等规范，为你搭建一套初始的设计系统。

Claude Design设计系统设置界面截图

4. 直接交给 Claude Code 去实现

设计完成后，你可以将其导出为 PDF、PPTX、HTML 等格式，或者发送到 Canva 进行进一步编辑。但最厉害的功能在于它与 Claude Code 的无缝配合。

当设计定稿后，只需点击一下“handoff”（交接）按钮，所有设计资产会自动打包成一个“交接包”。Claude Code 拿到这个包后，就能直接开始编写实现代码。这极大地简化了从设计到开发的流程，减少了中间的人工翻译环节。

说完了强大的功能，现在来谈谈更实际的问题。目前，Claude Design 仅对 Claude Pro、Max、Team 和 Enterprise 用户开放，访问入口是 claude.ai/design。然而，Claude 在国内的使用一直存在障碍，例如账号容易被封禁、支付也不方便。

不过，最近有消息称，Claude Design 的系统提示词已经泄露。

关于Claude Design提示词泄露的推文截图

据看过的人描述，整个提示词体系非常注重整体设计的上下文（context），鼓励进行多方案探索，并且预先设置好了规则来去除生成结果中的“AI味”。这意味着，开发者可以将这些提示词应用于国内可访问的其他AI工具，从而间接体验或复现类似的设计生成能力。

Claude Design 的出现，无疑为前端开发和设计领域带来了新的想象空间。它是否真的会重塑工作流程，还有待时间验证。对于这类前沿工具的进展和实际应用案例，像云栈社区这样的技术论坛往往是第一时间进行深度讨论和交流的地方。