Claude能直接于聊天框当中生成具备高保真特性的原型之际, 为何Anthropic居然还要去推出Claude Design呢? 作为一款独立性质的产品, 它借助结构化的操作界面, 以及实时可视化调整, 再加上品牌系统维护, 而去把AI生成能力转变成为专业设计工作流。本文针对聊天范式与垂直工具之间的差异展开深度剖析, 并将AI时代里设计协作的范式转变揭示出来。
前几日, 我让Claude于聊天框内撰写一个客户管理后台的高保真原型, 将需求句话投入其中, 三十秒过后, 带有侧边栏、统计卡片、客户列表、状态标签、分页器的HTML页面已然生成。倘若置于往昔, 这般页面起码需要一名设计师及一名前端耗费两三天时间才行呀。
那一个瞬间, 我突然冒出来了一个问题, 那就是, 既然在聊天框里面就能够生成出来这种东西, 那么, Anthropic为何还要单独去发一个叫做Claude Design的独立的产品, 当AI已经能够做到“生成结果”了之后, 专门的产品形态还有没有存在的必要性。
我使用 Claude Design 有一阵子了, 去学习了 Anthropic 自家设计师所公开出示的工作流程, 现在暂且简单地来聊一聊这个问题。
01 生成的爽与迭代的痛
我借助Clude弄好了那个面向客户管理的原型, 它属于HTML文件。它具备可运行的特性, 拥有可查看的属性, 存在可用于演示的功能。然而, 对于设计师而言, 它并不满足需求。
设计师拿到它之后会做什么？
存在这样一位设计师, 其觉得用于统计的卡片, 它的上边缘与下边缘之间的距离显得有些过于拥挤, 于是打算将该距离从20像素调整到24像素, 不过仅仅是调整卡片彼此之间上下的间距, 而不去变动卡片与周边其他元素之间的间距, 并且一次操作没办法精准调好, 想要尝试几次。那么, 这位设计师该如何在聊天框之中把这样的需求描述得极为清晰, 从而让具备人工智能的系统能够一次性准确修改呢?
试想一下, 我们借助豆包进行生图操作, 是不是要持续不断地对提示词加以调整从而进行抽卡呢, 然而有时候不管我们究竟怎样去调整提示词, 生图所呈现出的一些细节总是不能让人满意。可是对于设计师而言, 使用某个工具去进行修复处理, 最终的结果马上就会展现出来。
举个例子, 有这样的情况, 设计师感觉侧边栏的橙色呈现出的暖感太突出, 然后想到把它换成凉爽一些的蓝灰试试看效果, 不过主按钮的橙色需要保留, 那么怎样应用自然语言进行精准切分呢, 人工智能可以一次性改对吗?
还有, 由设计师认为的”客户价值”那一列当中的数字应当进行右对齐, 原因在于财务数据所具备的视觉规律是右对齐, 而这种局部方面的改动要是进行查找的话可能需要花费好大一阵子才能够在被生成的代码里面找到具体位置。
去探讨这些事情, 于聊天框之中可不可以达成呢? 是可以的。然而每一回都得运用自然语言再度描绘“身处第三行之处的橙色小型标签, XXXX”, 这般行径不仅属于对Token的极大浪费, 并且精准地进行描述这件事本身就并非人类所擅长的, 所以此一事情会自然而然地遭受人们的排斥。
致力于设计此项事务的关键所在, 向来都不是造出初始版本, 而是于初始版本的根基之上展开数百次的精细调整。用于交流沟通的界面所要解决的是从零朝一迈进的难题, 即将空无一物的屏幕转变为可供观看的事物。然而身为设计师, 其百分之九十五的时间都耗费在了从一提升至一百的进程之中, 进行精心修饰、反复更新、使之统一并予以传达了。
并非较强的生成能力是这部分工作所需的, 而是结构化的操作界面才是其所需的。外科手术时, 你总不会运用对讲机去指挥, 就算对讲机两端都是特级专家, 也是不行的。
02 Claude Design 实际改了什么
Claude Design的页面实际上尤为简要, 靠边左方存在着对话, 靠边右侧有着画布。听闻听起来似乎并没有什么值得稀奇之处。
可是, 魔鬼存在于各类细节当中。它所处理的内容, 是聊天的范式于迭代这个环节里出现的几个会带来极大危害的弊端:
第一开云手机入口app下载开云app官方入口网站，从”语言描述”到”直接选中”
你能够于画布之上直接点选一个特定的具体元素, 于是给他附加上去评论。再也不需要凭借“第三行那个显示着橙色的小标签, xxxxxx ”之类的自然语言去实施定位了。这般的情况看起来是一项微小的改动, 实际上已经达成了从“模糊指代”转变为“精确指代”的范式跃迁。
第二，从”自然语言调参”到”滑杆量化”
你不需要道出来”间距再大一点点”, Claude Design会在现场产出一个滑杆, 由你直接去拖拽, 随时看效果。阴影、间距、颜色、圆角等这些可以进行量化的属性, 全都会变成能够去拖拽的。从原本的“靠语言描绘阐述”转变成为“靠手感触动操控”。
这两个改动相互叠加, 对于设计师来说, 提升的是迭代效率并非百分之二十, 而是数量级的改变, 是这样的情况。
仅就我自身而言, 要是能够借助配置项实现搞定得了的调整情况, 那都不会想着去用自然语言费劲巴拉地进行描述, 在某些特定情形状况下, 运用配置项去实施调整的速度是更加快捷迅速的。
第三开运真人app下载苹果版,开运真人app下载，品牌系统的自动沉淀
那聊天框存在的最为突出的让人苦恼之处便是缺乏记忆功能, 你在这一回安排它去做客户管理页面, 紧接着下一次又是让它去做订单页面, 而这两次呈现出来的设计语言或许全然不相同, 很要命啊这种情况。
Claude Design 在项目层级会维护一组品牌系统, 涉及颜色规范, 字体规范, 组件规范, 间距规范, 一切新生成的内容都会自动套用此系统, 从起始便打着品牌标志。
对设计团队而言, 这一条属于结构性的解放, 以往, AI工具所生成的事物, 呈现出好看的态势, 然而却并不类似于我们, 如今, 不仅好看, 而且还像我们。
第四步, 将Claude Code进行交接的工作流程形成闭环。
设计稿完成了, 通过一键的操作将其交接给Claude Code, Claude Code会针对此把原型代码转化成你所需要的目标框架, 也就是React或者Vue的实际工程代码。
有一种事情, 是聊天范式没办法达成的, 那就是在聊天时给你一个文件, 随后就径直离开。Claude Design把“想法 →被转变成了设计 →设计又演化成了 代码 →最终代码得以上线”串联成了一条工作流。
03 一个设计师可撑 7 个产品
Anthropic自身的垂直产品团队里边的设计师讲了这么个事儿, 存在一个人, 这个人对7个不一样的产品予以支持。
以传统设计团队的人力配置比例来看, 这般数字是绝无可能达成的。通常情况下, 一名高级设计师同时负责两到三款产品已算是较为合理的状态了。
数字背后, 并非他具备超人能力, 而是Claude Design将传统设计流程中那80%重复化劳作, 如描绘线框、调配色彩、调整间距、实施对齐、制定规范等, 全部加于AI这一边。设计师只需处理剩余20%真正需人类品味与判断的部分。
Claude Design, 在生产环境当中, 将“一个设计师所能做到的事的数量界限”给提升上去了。
最后的话
那么, 既然Claude具备写出高保真原型的能力, 为何会存在Claude Design这个东西 , 这是为什么呢！
我想，这两件事在不同维度上。
处在聊天之中的 Claude, 仿若那种格外有能力的临时工作者, 不管遭遇何种活计, 只要承接下来, 便会着手去做, 一旦做完便即离开。是你讲述出相应需求, 随后它便输出具体结果的这么一种模式, 在处于探索阶段的时候, 在处于演示阶段的时候, 在激起灵感的阶段, 都是相当便利好用的。
Claude Design, 它将AI的生成能力, 放置进一个具备状态、存有结构、能够协作的容器之中。此容器自身并不创造AI能力, 推进它的依旧是同一个Opus 4.7模型, 然而它使得AI能力切实参与到长周期、强协作、高沉淀的工作当中去。
或许, 这大概便是接下来几年AI应用的主要旋律, 是通用聊天与垂直工作台的双层架构。聊天用于担负起覆盖所有人而言的浅层需求, 工作台则用以承接专业用户的深层各类工作。
真正称得上垂直的产品, 其护城河从来就不在于AI能力自身, 而是在于对工作流有着深度理解, 在于具备结构化的数据模型, 在于拥有与上下游工具间衔接协作的链路, 也在于有经长期沉淀积累而成的用户配置跟组件资产。
Claude Design一经上线, 便将Brilliant以及Datadog这类团队拉进来使用开云app在线入口,开云真人官方下载，使得Anthropic自身的设计师达成一人支撑7个产品的情况, 它表明: 垂直AI工具这条道路可行, 还显示出: 模型层的能力突破不会自动致使工具层消失, 相反, 会催生出全新的工具范式。
还木有评论哦，快来抢沙发吧~