Anthropic旗下设计类Agent上线当天,Figma股价跌了近8%。
这不是资本市场的过度反应。我们用一句话生成了11种文本动画、一套iOS注册流程、一个可交互的着色器壁纸库——全程零手工调参。
过去一年那些主打"PPT神器""网页设计AI"的工具,可能得重新找定位了。
一、这到底是什么
官方定位很直接:一个设计类Agent。不是辅助工具,不是插件,是能独立完成从概念到可交付产出的完整链路。
体验入口在claude.ai/design,开发方把代码能力和审美判断打包进了同一个对话流。你描述需求,它直接输出可运行的设计——带交互、带动效、带响应式布局。
这和之前的AI设计工具区别在哪?
以前的产品大致分两派。一派是"智能素材库",比如Canva的AI功能,帮你找模板、改配色,但骨架还是人搭的。另一派是"代码生成器",比如v0.dev,能出前端代码,但审美基本靠抽卡,提示词稍微模糊就给你渐变紫大礼包。
新工具的解法是把"理解意图→设计决策→代码实现"串成闭环。它不问你"要什么字体",而是直接判断Helvetica在这种场景下是否合适。
网友@0x0funky的测试很说明问题:一句话生成公司官网,UI精致、配色高级、动效贴合场景,"和其他产品的渐变紫完全不在一个等级"。
更关键的是输出物的工程价值。生成的网页能无缝丢进Code工具继续迭代,设计稿和代码之间没有断层。这对小团队意味着:一个人、一个对话窗口,走完产品原型到开发的全流程。
二、实测:一句话能做多复杂的设计
我们整理了目前社交媒体上验证过的玩法,按复杂度分层。
第一层:单元素动效
文本动画是最基础的测试场。提示词要求"为聊天应用制作10种不同的文本流动画",系统直接交付了打字机、单词渐隐、单词滑入、字符模糊、点转文字、打乱、交错下落、上升进入、字符弹出、加粗进入、倾斜进入——共11种,循环播放,单色显示,300×300单元格自适应。
文本粒子特效更进一步。对"火""烟""金属""风""雪"等关键词,自动匹配对应的视觉特效和粒子系统。不是简单贴图,是带物理模拟的实时渲染。
第二层:交互组件与页面
共享单车应用的iOS注册流程,提示词只提了"蓝橙现代配色"。输出包含完整界面画布、状态流转、输入验证的交互反馈——过去Figma里需要先找iOS套件、再调配色逻辑、再手动布局,现在一句话直出。
个人仪表盘案例显示,它能处理多源信息整合:日程、健康数据、待办事项,自动编排信息层级,并内置昼夜模式切换。
营销邮件设计支持上传自有图片素材和品牌信息,自动完成内容编排,迭代两轮即可直接发送。
第三层:完整产品与叙事
电子指南的制作,网友@AunySillyMe称"仅用一次提示就完成了整本书的设计"。
APP原型设计能输出完整交付物:高分辨率模型(含浅色/深色双模式)、交互式原型流程、组件库(按钮、输入框、卡片、底部面板、芯片、模态框变体)、设计系统文档(颜色、排版、间距、立面)。
一位用户设计的"Lumi"灵性健康应用,从引导页到日志撰写再到数据洞察,全流程可点击演示。
游戏化生活管理应用则包含热力图、成就等级系统、课程模块——不是占位符,是带逻辑的功能框架。
第四层:数据可视化与创意编程
宇宙运动模拟动画,用不同大小的圆形抽象天体,结合文字动画呈现距离与尺寸的趣味知识,单色调、Helvetica字体。
任天堂历史趣闻动画,自动匹配品牌配色和字体风格,基于精灵图(sprite sheet,一种将多帧动画合并为单张图片的技术)实现。
地球加载指示器,200×200像素,旋转地球仪带真实地区轮廓,全单色,无文字,米白背景——提示词里的每个约束都被精确执行。
交互式着色器壁纸库,五款不同设计,均响应鼠标位置和点击事件。提示词描述的是"未来操作系统壁纸",输出物直接达到可上线品质。
热门跟贴