Claude Design:从副项目到百万人使用的工具,AI 时代设计师的破局之路
Claude Design卷出来的「副项目」Claude Design 竟是一个卷出来的「副项目」它的背后是两个工程师和一个设计师之间的故事。故事始于 2025 年 11 月 Opus 4.5 的发布那时 Nate Parrott 是 Claude Code 那个 VS Code 项目里唯一的设计师身边有两个工程师。Anthropic 产品设计师 Nate Parrott 在官方博客第一人称复盘 Claude Design 诞生全过程。他们三人要把只能在终端里敲命令的 Claude Code做成普通人也看得懂、用得顺的界面。9 月底产品进了 beta一切正常11 月Opus 4.5 发布后两个工程师突然疯狂交付产出大增而 Nate Parrott 速度不变很快就掉队了。他心想「得想办法追上去」于是利用业余时间鼓捣了一个小工具这个「副项目」就是后来上线第一周被超过 100 万人用过的 Claude Design。工程先起飞设计被甩后这个故事扎心之处在于AI 并没有平均拉高所有人的速度而是先让工程狂飙设计很快被逼成整条流水线上最慢的一环。转折点是 2025 年 11 月 24 日Opus 4.5 发布后Claude Code 团队交付节奏明显变快两名工程师产出增多而 Nate Parrott 的设计产出速度依旧。这倒逼他想办法追赶也暴露出 AI 浪潮易被忽略的一面即它最先打乱原有工作流之间互相匹配的节奏工程提速后设计、产品、市场等接不住的环节会成为新瓶颈。一个月的支线试验从「AI 写设计」到「AI 写 HTML」Nate Parrott 最初想法直接Claude Code 是纯文字终端工具他把设计当成文字活儿将终端输出、界面截图和需求打包给 Claude 让其设计结果不理想。接下来一个月他把此事当成副项目side project用业余时间推进。后来他发现 Claude 擅长写 HTML他顿悟到 HTML 是丰富的交互视觉媒介幻灯片、视频文件、PDF 等能做的网页都能实现。于是他让 Claude 「产出 HTML」并套上左边聊天、右边实时预览的界面。他找到的破局点是「把 HTML 当成统一的视觉画板」让幻灯片、可交互原型、动画、网页走进同一生成和编辑流水线。Claude Design 的工作界面就是他最早搭出的原型思路。光有 HTML 不够品牌系统是钥匙只会写 HTML 离「能用」还很远。Nate Parrott 认为产品设计核心是将对产品、品牌的理解落实到具体设计动作上。他花时间把 Anthropic 品牌的字体、配色、素材和设计原则融入提示词这样输入需求生成的设计更贴近 Anthropic 规范。他把这整套放进小内部原型分享给团队产品设计师用它做可交互原型在 Claude Design 里操作比传统设计工具更便捷这后来成了产品核心能力。如今上手 Claude Design首次配置会读取代码库和设计文件自动生成设计系统每个项目自动套用颜色、字体和组件大团队还能锁定标准系统。一场 offsite副项目转正真正让 Nate Parrott 觉得「这事儿成了」的是 Anthropic Labs 团队务虚会上的点子路演。会上几乎所有人都用这个工具拼幻灯片不少人还是临时赶制的。这一幕说服 Labs 团队正式给项目配人副项目转正成真正的产品。Claude Design 走了和 Claude Code 一样的路从个人私下试验到内部设计师采用再到路演被认可最后 Labs 配人、对外发研究预览、转 beta没有一步是自上而下规划的。AI 原生产品往往是被内部真实「使用」出来的。价值前移设计师不再只是「出图」Claude Design 产品转正后定位改变不再只是做界面效果图的工具能承接幻灯片、落地页、PDF、邮件、动画、社媒图等视觉沟通工作。Nate Parrott 说它「比产品设计高出一层」负责前期快速探索、比较方向、争取共识Claude Code 负责后期生产开发二者还能通过 /design - sync 和 /design 连通靠 MCP 衔接。Claude Design 可导出 PDF、PPTX、HTML并打通 Canva、Adobe、Gamma、Miro、Replit、Vercel、Wix 等工具但它不是图像生成模型不适合做 Logo已有素材需自己导入。写上线生产软件Anthropic 建议用 Claude Code。Claude Design 是前期工具非成熟生产开发平台。模型代劳写代码设计师价值转向选方向、建系统、判断好坏、推动共识等环节。最初 Nate Parrott 被工程师甩开后自己造出追赶工具后来该工具被百万人使用。所以工作被 AI 冲击感到焦虑时可学 Nate Parrott 用 AI 造新工具或找工具打开新局面。

相关新闻

“百镜大战”雷声大雨点小,智能眼镜厂商为何纷纷舍弃高性能选择轻量化?

“百镜大战”雷声大雨点小,智能眼镜厂商为何纷纷舍弃高性能选择轻量化?

智能眼镜“待爆”,轻量化成新趋势2024年末起消费电子领域就流传“百镜大战”预言,然而一年半过去,智能眼镜品类仍雷声大雨点小。从业者认为“轻量化、长续航、高性能”的不可能三角是阻碍,当下智能眼镜产品出现分化,放…

2026/7/28 9:40:45 阅读更多 →
AI联盟与Anthropic技术路线解析:开发者选型指南

AI联盟与Anthropic技术路线解析:开发者选型指南

最近AI圈有个很有意思的现象:OpenAI牵头成立了一个"AI联盟",拉上了微软、谷歌、Meta等一众大厂,但偏偏缺了一个重量级玩家——Anthropic。这背后到底发生了什么?为什么Claude的创造者选择单飞?如果你以为这只…

2026/7/28 9:40:45 阅读更多 →
5个简单步骤:用AtlasOS彻底优化你的Windows系统性能

5个简单步骤:用AtlasOS彻底优化你的Windows系统性能

5个简单步骤:用AtlasOS彻底优化你的Windows系统性能 【免费下载链接】Atlas 🚀 An open and lightweight modification to Windows, designed to optimize performance, privacy and usability. 项目地址: https://gitcode.com/GitHub_Trending/atlas1…

2026/7/28 9:39:44 阅读更多 →

最新新闻

领航者人工势场法在集群机器人控制中的应用与Matlab仿真

领航者人工势场法在集群机器人控制中的应用与Matlab仿真

1. 项目概述 领航者人工势场法(Leader-Follower Artificial Potential Field)是一种广泛应用于多智能体系统控制的算法框架。这个项目聚焦于利用该方法实现集群机器人的队形变换与避障控制,并通过Matlab进行仿真验证。我在工业自动化项目中多…

2026/7/28 9:55:50 阅读更多 →
数字烟花实现指南:从粒子系统到AI生成的三种技术路径

数字烟花实现指南:从粒子系统到AI生成的三种技术路径

这次我们来看一个与烟花相关的技术项目。虽然标题提到了浏阳的烟花盛宴,但作为技术博客,我们需要聚焦于如何通过技术手段实现“烟花自由”——这里指的是利用计算机图形学、AI生成或模拟技术,在数字世界中创造、控制和欣赏烟花效果。对于开发…

2026/7/28 9:55:50 阅读更多 →
CSS 层叠机制深度解析:样式来源、!important、@layer 与选择器优先级规则

CSS 层叠机制深度解析:样式来源、!important、@layer 与选择器优先级规则

文章目录一、CSS 层叠核心本质二、样式声明来源:决定样式基础权重2.1 四大样式来源层级三、样式重要性:!important 打破常规层级3.1 语法示例3.2 核心特性与开发规范四、现代层叠方案:layer 精准控制样式层级4.1 layer 标准用法4.2 图层核心规…

2026/7/28 9:55:50 阅读更多 →
从零打造心形RGB氛围灯:Arduino与WS2812B实战指南

从零打造心形RGB氛围灯:Arduino与WS2812B实战指南

1. 项目缘起:从“想”到“造”的冲动最近在整理工作室的物料箱,翻出来一堆闲置的LED灯珠、几块Arduino开发板,还有上次做项目剩下的亚克力边角料。看着这些散落的零件,突然就想起之前在网上看到过那种很酷炫的、能渐变色彩的装饰灯…

2026/7/28 9:55:50 阅读更多 →
基于Arduino与步进电机的微型自动演奏器设计与实现

基于Arduino与步进电机的微型自动演奏器设计与实现

1. 项目缘起:当机械臂遇见音乐几年前,我在一个创客展上看到一个用舵机敲击木琴的装置,虽然能演奏简单的旋律,但声音生硬,动作迟缓。当时我就在想,能不能做一个更精致、反应更快、音色更可控的微型演奏器&am…

2026/7/28 9:55:50 阅读更多 →
osf.io协作功能详解:如何高效管理团队项目与贡献者

osf.io协作功能详解:如何高效管理团队项目与贡献者

osf.io协作功能详解:如何高效管理团队项目与贡献者 【免费下载链接】osf.io Facilitating Open Science 项目地址: https://gitcode.com/gh_mirrors/os/osf.io osf.io是一个致力于促进开放科学(Facilitating Open Science)的协作平台&…

2026/7/28 9:54:49 阅读更多 →

日新闻

告别臃肿!3步让你的暗影精灵笔记本重获新生

告别臃肿!3步让你的暗影精灵笔记本重获新生

告别臃肿!3步让你的暗影精灵笔记本重获新生 【免费下载链接】OmenSuperHub Control Omen laptop performance, fan speeds, and keyboard lighting, and unlock power limits. 项目地址: https://gitcode.com/gh_mirrors/om/OmenSuperHub 你是否也曾为官方Om…

2026/7/28 0:00:43 阅读更多 →
RAG必踩坑!财报法规检索不准?这款开源工具让答案浮出水面,准确率飙升98.7%!

RAG必踩坑!财报法规检索不准?这款开源工具让答案浮出水面,准确率飙升98.7%!

做 RAG 的人应该都踩过这个致命的坑:把几百页的财报、法规、技术手册扔给向量库,问一个具体问题,搜出来的全是沾边但没用的内容 —— 关键信息要么被硬切块拆碎了,要么藏在几十条结果的最下面。语义相似≠真正相关,这个…

2026/7/28 0:00:43 阅读更多 →
抖音视频文案提取工具全指南:免费2026版、手机App、在线工具一网打尽

抖音视频文案提取工具全指南:免费2026版、手机App、在线工具一网打尽

2026年做短视频运营,从抖音上扒文案早就不是偷偷抄笔记的事了。我刚开始做内容的时候,每天刷半小时抖音,手动把爆款视频的口播敲进备忘录,一条2分钟的视频得花十来分钟,碰到语速快的还要反复回听。后来试了一圈工具&am…

2026/7/28 0:00:43 阅读更多 →

周新闻

深度学习道路桥梁裂缝检测系统 道路桥梁裂缝检测数据集 道路桥梁病害识别检测数据集

深度学习道路桥梁裂缝检测系统 道路桥梁裂缝检测数据集 道路桥梁病害识别检测数据集

深度学习道路桥梁裂缝检测系统 数据集6000张 完整源码已标注数据集训练好的模型环境配置教程程序运行说明文档,可以直接使用!系统支持图片、视频、摄像头等多种方式检测裂缝,功能强大实用。 1数据集6000张 8各类别

2026/7/27 4:33:59 阅读更多 →
深度学习YOLO模型如何训练 PUBG 绝地求生目标检测数据集

深度学习YOLO模型如何训练 PUBG 绝地求生目标检测数据集

pubg数据集 精选原图1.42万数据 1.49万标签 无任何重复、算法增强或冗余图像! pubg绝地求生目标检测数据集 1分类:e_body,14905个标签,txt格式 共计14244张图,99%为640*640尺寸图像 适合yolo目标检测、AI训练关键词&am…

2026/7/28 8:29:16 阅读更多 →
Apex英雄目标检测数据集 深度学习框架YOLO如何训练APEX数据集

Apex英雄目标检测数据集 深度学习框架YOLO如何训练APEX数据集

Apex检测数据集数据集详情检测类别: allies enemy tag图片总量:7247张训练集:5139张验证集:1425张测试集:683张标注状态:全部已标注,即拿即用数据格式:支持YOLO格式及其他格式&#…

2026/7/28 5:03:42 阅读更多 →

月新闻