AI做设计引发行业地震？ClaudeDesign体验与Figma股价暴跌7%的深度分析
昨晚在查看Claude使用数据时，我意外发现后台多了一个名为“Claude Design”的新选项。
这是什么东西？询问Claude后得知，这原来是4月17日刚刚上线的新功能。
简单来说，它的核心是让Claude协助你生成原型设计、演示文稿、营销页面和线框图等各类设计稿。Claude的迭代速度真是惊人，时不时就有新产品亮相。但平心而论，Anthropic旗下AI产品所展现的能力确实令人印象深刻！然而，这个功能上线后，资本市场反应剧烈——Figma股价应声下跌超过7%！
一个功能真有如此巨大的能量，能在一天之内撼动Figma的股价吗？强烈的好奇心驱使我立即上手尝试。
初探界面：简洁清晰的功能布局
打开Claude Design，首先映入眼帘的是一个非常干净的界面。左侧是功能选择区，你可以指定需要创作的内容类型：原型设计、演示文稿、基于模板创作或其他项目。下方还提供了线框草图与高保真设计稿两个不同精度的档位以供选择。
界面底部有一个醒目的“设置设计系统”按钮。这意味着你可以预先输入公司的品牌色、字体等规范，此后每次生成设计都将自动套用，无需反复提醒AI“我们的品牌色是蓝色”。选定类型并输入需求后，它便会开始工作。需要提前说明的是，此功能的Token消耗量远大于普通对话，请不要一开始就尝试过于复杂的任务。
项目实测：从零打造厨房建材设计页面
仅看功能介绍不够过瘾。我近期正在开发一个与厨房建材设计相关的项目，正好用它来实际测试。作为一名对界面美观有执着追求的用户，我常常在UI设计上花费大量时间反复调整，直至满意为止，这也导致了许多Token被消耗在视觉迭代上。
该功能支持从零开始创作，也允许你导入现有的代码，让AI分析后再进行设计优化。
输入基本需求后，Claude Design并未立即开始绘图，而是弹出了一个需求确认问卷。
它首先询问：需要设计项目的哪个具体模块？并给出了多个选项：材料替换、橱柜替换、智能区域检测、成本估算……看起来它确实理解了我的代码意图。接着它又问：你期望的设计完成度是怎样的？提供了从“一个单页英雄区效果预览”到“3-5屏可点击的流程”再到“完整的交互原型”三个档位。
这一步非常关键，它并非盲目生成，而是优先与用户对齐需求，明确目标后再动手。这避免了产出物不符预期而导致的反复修改，也节省了宝贵的Token。我选择了高保真模式，让它生成一个完整的厨房建材选择页面。
几十秒后，一个黑金配色的页面跃然眼前：左侧是大理石材料库，中间是厨房效果展示区，右侧是材料详细信息面板。说实话，最终呈现的视觉质感远超我的预期。
编辑体验革新：三种精准修改模式解析
真正让我感到惊喜的，是它提供的修改方式。许多AI工具在生成时令人惊艳，但在修改阶段却让人崩溃。例如，当你提出“把按钮往左挪一点”，它可能会将整个页面推倒重来，改得面目全非。
Claude Design则完全不同，它提供了三种截然不同且精准的修改思路：
第一种：评论模式 这是我认为最实用的功能。点击顶部的“评论”按钮，然后在页面上直接框选想要修改的元素，键入你的修改指令即可。
如图所示，我框选了一个按钮，直接用中文写道：“这个按钮样式太难看了，和网站风格不搭”。随后，Claude仅修改了我标注的这个特定元素，页面其余部分保持原状。这种体验类似于在Figma中给设计师留言，但区别在于接收评论并执行的是AI。实现了真正的指哪改哪，精度达到元素级别。
第二种：编辑模式 点击顶部的“编辑”按钮，即可进入所见即所得的编辑状态。
请注意右侧的属性面板。字体、字号、颜色、行高、宽度、外边距……其布局和功能与Figma的属性面板极为相似。点击任何文字或元素，右侧便会弹出其详细的样式参数，供你直接手动调整。这对于稍有设计基础的用户来说极其便捷，无需再向AI描述“把字号调大一点”，直接手动将13px改为16px即可完成。
第三种：滑块调节模式 此模式下，右侧会弹出一系列控制滑块，用于调整主题色、间距、字号、亮度、动画速度等参数。拖动滑块即可实时预览效果，非常适合“我不确定具体数值，想先直观调节看看”的场景。
上图展示的是官方演示中的一个3D地球交互原型，右侧的滑块可以实时调整“弧线宽度”、“城市大小”、“脉冲速度”等。值得注意的是，这并非静态图片，而是一个真正可以进行交互操作的动态原型。
坦率地说，这三种编辑方式的组合，使用体验已经超越了单纯的与AI对话，更像是在操作一个真正的设计工具，只不过这个工具能够精准理解你的自然语言指令。
核心能力一览：从品牌识别到原型输出
综合各方测评与我个人的使用体验，以下是它目前展现出的主要能力：
自动化品牌识别：上传代码库或设计文件，它能自动提取其中的主题色、字体和组件样式。之后的所有设计产出都会自动套用这些规范，保持品牌统一性。
产出可交互的真实原型：生成的并非静态图片，而是具备状态管理、交互动画和页面跳转功能的可操作原型。
一句话生成完整页面：只需输入如“做一个SaaS产品的定价页面”这样的指令，它便能直接输出包含页头、主视觉区、价格卡片、页脚在内的完整页面结构。
全面的导出格式：支持导出为PDF、PPTX、HTML、Canva文件。对于开发者，还能一键将设计打包发送给Claude Code，直接转换为可运行的前端代码。
当前局限：需注意的边界与消耗
无法生成真实照片：它可以创建SVG图标、图表和界面元素，但不能生成产品实拍图或人物肖像。如需真实图片，仍需用户自行准备并导入。
缺乏多人实时协作：目前不具备Figma那种多人同时在线编辑、实时评论的功能，更适合个人用户快速出稿。
设计系统管理能力有限：虽然可以设置品牌色和字体，但无法实现组件库级别的系统化管理。复杂项目的设计规范维护仍需依赖专业工具。
此外，还有一个需要特别注意的问题：Token消耗速度极快。我仅进行了一些简单尝试，就耗尽了94%的配额。正如前文提醒，务必明确需求后再进行操作，避免将配额浪费在随意测试上。
行业冲击波：ClaudeDesign发布当日Figma股价暴跌7%
我前后总计体验了约一小时，但生成第一版可用的原型仅用了二十分钟。一个毫无设计背景的用户，能在二十分钟内产出像样的可交互原型，这对Figma意味着什么？
迈克·克里格，Instagram的联合创始人，于2024年加入Anthropic担任首席产品官。值得注意的是，他在Anthropic任职的同时，还身兼Figma的董事会成员。两家公司此前关系密切，Figma甚至在其产品中接入了Claude的模型。
然而，在Claude Design发布的三天前，迈克·克里格突然辞去了Figma的董事职务。美国证券交易委员会的备案文件清晰显示，其辞职日期正好是媒体曝出Anthropic即将推出设计工具的同一天。
次日，随着Claude Design正式发布，Figma股价应声下跌7.28%，从20.32美元跌至18.84美元。Adobe股价也随之下跌2.7%，Wix下跌4.7%。整个设计工具板块都受到了这次冲击的影响。
工具选择指南：Figma与ClaudeDesign的定位差异
如何进行选择？核心在于定位不同：
Figma 是专业设计师的主力工具，强调精细化的控制、高效的团队协作能力，但存在一定的学习门槛。
Claude Design 则遵循“你描述，它实现”的模式，在快速生成原型、演示文稿、营销单页等方面极具效率。对于缺乏设计经验但渴望实现产品创意的用户而言，它目前是一个极佳的选择。
上手建议：高效使用与避坑指南
访问 https://claude.ai/design 即可开始体验。
这里有几个实用建议：
- 不要一开始就尝试复杂的交互原型，建议从制作一份PPT或单个营销页面入手，熟悉流程。
- 明确需求后再执行生成指令，该功能的配额消耗远大于普通对话，避免浪费在无目的的测试上。
- 完成初步设计后，可导出至Canva进行更精细的调整，这一组合目前性价比很高。
结语：AI如何重塑设计工作流
从Claude Code到Claude Design，Anthropic的发展路径已非常清晰：其目标不仅是提供模型，更是要构建覆盖完整生产链条的工具集。从想法构思，到原型设计，再到代码实现，乃至最终部署上线，它试图为用户提供一站式解决方案。
对于我们普通创作者而言，最直接的价值在于：脑海中那些“我想做个XX但不会设计”的念头，终于找到了一个可行的落地起点。这并非意味着它将取代设计师，而是能够帮助你将想法快速转化为一个可视化的实体，哪怕只是一个粗糙的初版，也远比让创意停留在脑海中更有价值。
你是否会尝试使用AI辅助设计？还是坚信设计工作必须由人类主导？无论如何，如果你正在推进独立项目却受限于设计环节，Claude Design值得花费二十分钟亲自体验一下。它的出现，或许正为你推开了一扇新的大门。