ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

Replit Design 发布:AI 赋能设计愿景

Replit Design 发布:AI 赋能设计愿景 坦率的讲这件事我关注很久了。不是因为我是什么设计专家而是因为我见过太多人卡在那个中间地带。你脑子里有个很清晰的产品想法但落到屏幕上就变味了。要么找设计师要么自己学 Figma要么凑合着用模板。每个选择都有代价。说真的这个代价一直存在。从设计稿到可运行的代码中间隔着一层翻译。设计师画出来的东西工程师得重新理解、重新实现。这个过程中信息会丢失理解会有偏差最后做出来的东西跟最初的想法已经不太一样了。我有时候觉得这就像两个人传话游戏。第一个人说了一个很妙的想法传到最后一句已经面目全非。而 Replit Design 想做的是让第一个人直接听到最后的结果。这玩意听起来有点夸张对吧但 Replit 这次确实做了一些不一样的事情。无限画布 并行 AgentReplit Design 的核心是那个无限画布。不是那种传统的拖拽式设计工具而是一个你可以自由探索的空间。你可以在上面画线、放元素、调整布局然后直接应用到你的应用里。更关键的是并行 Agent。以前你让 AI 帮你写代码它一次只能干一件事。现在你可以同时让多个 Agent 并行工作一个负责设计一个负责后端一个负责数据库。它们同时推进进度实时可见。%% title: Replit Design 工作流 flowchart LR subgraph 创意阶段 A[无限画布设计] -- B[视觉迭代] end subgraph 实现阶段 C[并行 Agent 协作] -- D[代码生成] B -- C end subgraph 交付阶段 D -- E[自动部署] E -- F[产品上线] end A -- C设计到代码的无缝衔接这个设计到代码的无缝衔接才是真正有意思的地方。你不需要导出设计稿不需要写样式代码不需要手动调整像素。你在画布上做的每一个调整都会直接反映在应用里。我寻思了一下我没寻思明白的是为什么这件事以前没人做成。不是技术做不到而是产品思路的问题。之前的工具要么太偏向设计师要么太偏向工程师没有人真正站在中间那个位置。Replit 站在中间了。它不要求你会设计也不要求你会写代码。它要求你知道你想要什么。谁在受益这句话听着有点刺耳但我觉得这是事实。真正受益的不是专业设计师也不是资深工程师。是那些一直想做一个产品但卡在中间地带的人。你想想看你身边有多少朋友脑子里有一个很好的想法但最后没做出来。不是因为想法不好是因为执行成本太高。找设计师太贵自己学设计太慢找工程师开发更贵。现在这个门槛被降低了。不是降到零是降到了一个普通人可以接受的程度。谁在焦虑但我也理解一些人的焦虑。有设计师朋友跟我说他们 CEO 现在用 Replit 自己设计界面然后直接让 PM 推代码。他们不知道自己在团队里还有什么价值。我不是程序员不需要替他们说话。但我想说的是工具从来不会消灭价值它只会重新定义价值。当设计变得容易的时候真正稀缺的是审美判断、产品思维、对用户的理解。这些不是工具能替代的。从写代码到做产品AI 没有让写代码变得更容易它让「不做程序员也能做产品」变成了现实。这句话我反复说是因为它确实是这次发布最核心的意义。设计到代码的最后一公里不是工具问题是翻译问题。Replit 消灭的是这个翻译层。你不需要再找一个人把你的想法翻译成代码AI 帮你做了这件事。新的创造者阶级这背后是一个更大的趋势。我们正在见证一个新的创造者阶级的崛起。他们不需要懂很多技术细节但他们知道自己想要什么。他们可以用 AI 作为杠杆把自己的想法变成现实。我始终坚信这不是终点。这只是开始。当设计到代码的翻译层消失之后还会有更多的中间环节被消灭。从想法到产品这条路会越来越短。说实话我还差得远我自己也还在摸索这个新工具怎么用。但看着 Replit Design 的演示我确实被震撼到了。那种感觉太爽了就像你终于有了一个可以随叫随到的全能助手。黑暗森林。但这次每个人手里都有了一把枪。坦率的讲我第一次看到 Replit Design 的时候脑子里蹦出来的第一个念头是这玩意是不是要让设计师失业了后来我仔细琢磨了一下发现事情没那么简单。Replit 这次推出的 Design 模式核心不是让 AI 替代设计师而是把设计到代码的最后一公里给抹平了。以前你有个想法得先找设计师画原型设计师画完给你 Figma 链接你再找开发把设计稿翻译成代码。这一来一回信息损耗严重最后做出来的东西跟最初的想法往往已经差出十万八千里。现在呢你在 Replit 的无限画布上直接拖拽、调整、预览AI 帮你把设计直接变成可运行的代码。这中间省掉的那个环节就是所谓的「翻译层」。说真的这个翻译层一直是软件工程里最让人头疼的部分。设计师说「我要一个渐变的蓝色按钮」开发者听到的是「#1E90FF 到 #00BFFF 的 linear-gradientborder-radius 4px」。两边说的都是同一个东西但中间隔着一层语言的翻译误差就产生了。Replit 的做法很聪明它直接把设计意图和代码实现放在同一个空间里。你在画布上改一个颜色代码里对应的 CSS 变量同步更新。你在画布上调整布局React 组件的 JSX 结构自动重构。这一段面试官开始看你工程感了Replit Design 工作流那谁在受益谁在焦虑呢受益的肯定是那些有想法但不会写代码的人。你想想看你身边有没有那种人脑子里有一百个产品创意但每次说到「我得找个程序员帮我做」就打退堂鼓了。现在他们可以直接在 Replit 里把想法变成现实。我有个朋友做市场出身的一直想做个小工具来追踪竞品动态。以前他总说「等我找到时间学编程」结果三年过去了编程没学会工具也没做出来。现在他跟我说他在 Replit 上花了一个下午就搞定了。焦虑的可能是传统的设计师和前端开发者。但等等先别急着站队。我仔细想了一下发现焦虑的来源可能不是 AI 本身而是「翻译」这个环节的价值在下降。以前设计师的价值很大程度上体现在把模糊的需求翻译成精确的设计稿。以前前端开发者的价值很大程度上体现在把设计稿翻译成可运行的代码。现在这两个翻译环节都被 AI 接管了。但这不代表设计师和前端开发者就没饭吃了。真正稀缺的能力从来不是「翻译」而是「判断」。设计师的判断力体现在哪里体现在知道什么样的布局能让用户停留更久什么样的色彩搭配能传递正确的品牌调性。前端开发者的判断力体现在哪里体现在知道什么样的交互反馈能让用户感到流畅什么样的性能优化能让用户不觉得卡顿。这些判断力AI 暂时还替代不了。AI 可以帮你快速生成十个按钮样式但它不知道哪个按钮能让用户更愿意点击。AI 可以帮你快速搭建一个登录页面但它不知道什么样的表单流程能让用户更愿意完成注册。所以 Replit Design 真正消灭的不是设计师或前端开发者而是「只会翻译」的那部分工作。这就像当年 Photoshop 出现的时候有人担心画师要失业了。结果呢会 Photoshop 的画师比以前更值钱因为工具降低了技术门槛让创意变得更重要。Replit Design 可能正在做类似的事情。它让「做产品」这件事的门槛降到了历史最低点。你不需要懂 HTML、CSS、JavaScript你不需要会 Figma、Sketch、Adobe XD。你只需要知道你想要什么然后告诉 AI。这创造了一个新的创造者阶级。这些人可能来自任何行业可能没有任何技术背景但他们有想法有判断力有对产品的直觉。他们不再需要等待程序员排期不再需要跟设计师反复沟通不再需要把想法写成几百页的需求文档。他们可以直接动手边想边做边做边改。说实话这让我想起小时候玩积木的感觉。以前你得先学会怎么捏泥巴、怎么烧陶、怎么打磨才能做一个玩具。现在你直接拿到积木想搭什么就搭什么。当然积木搭出来的东西可能没那么精致。但你想搭个城堡的时候至少不用等泥烧干了。这就是 Replit Design 带来的改变。它让「想法」和「实现」之间的距离从几个月缩短到了几分钟。这速度产品经理看了都沉默创造者阶级崛起路径Impact 这块我想聊聊对行业的长期影响。Replit Design 的出现可能会让「产品」这个概念变得更加民主化。以前只有大公司才有资源做产品因为需要养一个完整的产品团队。现在一个人就能完成从设计到开发到上线的全流程。这会不会导致产品过剩我觉得会。但过剩的产品里总有一些是真正有价值的。就像互联网早期大量网站涌现最后活下来的都是真正解决用户痛点的。Replit Design 可能正在做类似的事情。它让每个人都能快速验证自己的想法让好产品更容易被发现让坏产品更快被淘汰。这其实是一种更高效的筛选机制。以前一个想法能不能变成产品取决于你有没有钱请团队。现在取决于你的想法本身好不好。这听起来有点理想主义但我相信这是方向。AI 正在把「做产品」从一项专业技能变成一种通用能力。就像文字出现之前只有祭司和贵族能记录信息。文字出现之后普通人也能写日记、写信、写小说。Replit Design 可能正在做类似的事情。它让「创造」这件事从少数人的特权变成多数人的能力。当然这不代表所有产品都会变得更好。工具只是工具关键还是用工具的人。但有一点是确定的未来属于那些会用工具的人。就像当年会用 Photoshop 的画师更值钱一样未来会用 Replit Design 的创造者也会更有竞争力。这不仅仅是一个工具的更新这是一个时代的转变。从写代码到做产品从实现需求到创造需求从等待别人帮你实现到自己动手实现。也是我觉得最值得关注的趋势。来源Replit Design 官方博客 https://replit.com/blog/introducing-replit-designReplit Developer Day 回顾 https://replit.com/blog/devday-recapAgent 4 发布视频 https://www.youtube.com/watch?vb5urkGeHyvo坦率的讲我第一次看到 Replit Design 的时候脑子里蹦出来的第一个念头是这玩意是不是要让设计师失业了后来我仔细琢磨了一下发现事情没那么简单。Replit 这次推出的 Design 模式核心不是让 AI 替代设计师而是把设计到代码的最后一公里给抹平了。以前你有个想法得先找设计师画原型设计师画完给你 Figma 链接你再找开发把设计稿翻译成代码。这一来一回信息损耗严重最后做出来的东西跟最初的想法往往已经差出十万八千里。现在呢你在 Replit 的无限画布上直接拖拽、调整、预览AI 帮你把设计直接变成可运行的代码。这中间省掉的那个环节就是所谓的「翻译层」。说真的这个翻译层一直是软件工程里最让人头疼的部分。设计师说「我要一个渐变背景」开发听到的是「linear-gradient 从 #667eea 到 #764ba2」但中间可能还夹杂着「等等这个蓝色是不是太深了」「能不能再亮一点」来回拉扯。这一段面试官开始看你工程感了传统设计到代码流程 VS Replit Design 流程我有个朋友非技术背景想做一款习惯追踪的 App。以前他会卡在第一步——不知道该怎么把想法变成设计稿。现在他在 Replit 里直接拖拽组件调整布局AI 实时生成代码几天时间就跑通了 MVP。这不是科幻这是正在发生的事。那谁在受益谁在焦虑呢受益的是那些「有想法但不会写代码」的人。他们可能是产品经理、创业者、甚至只是一个脑洞大的普通人。以前他们得依赖技术团队现在他们可以自己把想法落地。焦虑的可能是那些专门做「设计稿转代码」的中间环节。不是设计师本身而是那些只负责机械翻译的人。但设计师不会失业。真正的设计思维——理解用户、构建体验、把控细节——这些是 AI 暂时替代不了的。Replit Design 消灭的是翻译层不是设计本身。这段代码终于跑通了说真的我有时候觉得我们正站在一个临界点上。AI 没有让写代码变得更容易它让「不做程序员也能做产品」变成了现实。这背后是一种新的创造者阶级正在形成。他们不关心技术栈是什么不关心框架版本他们只关心「我想做什么」。这尼玛就是技术民主化的真正含义。回到 Replit Design 这件事本身。它不是一个孤立的功能更新而是 Replit 整个产品战略的一部分。从 Ghostwriter 到 Agent 4再到现在的 Design 模式Replit 一直在做一件事——降低创造的门槛。我之前写过一篇文章讲 Replit Agent 4 的并行 Agent 能力。那个模式里多个 Agent 可以同时处理认证、数据库、设计等不同任务。现在 Design 模式加入后整个流程更加闭环了。这句话我一开始觉得有点夸张现在觉得它说的是事实。新的创造者阶级正在形成Amjad Masad 在 LinkedIn 上说过一句话我觉得挺准的「软件不再只是技术工作它正在变成一种通用能力。」这句话听着有点大但落到 Replit Design 上就很具体。以前「做产品」需要懂代码、懂设计、懂部署门槛高得吓人。现在呢你只需要知道你想要什么。这催生了一个新群体——我称之为「新的创造者阶级」。他们不是传统意义上的程序员也不是专业设计师。他们是那种「我有个想法我不想等我不想求人我自己搞」的人。说真的这种人在过去是少数派因为工具门槛太高。现在呢AI 把门槛砸碎了。我见过一个案例一个做本地家政的小老板用 Replit 搭了一个预约系统。没有设计师没有开发就靠 AI 帮他一点点把想法变成产品。问他花了多久三天。三天。三天前他还在用微信群接订单三天后他有了自己的小程序。这就是 Replit Design 想做的事——让每个人都能成为自己想法的第一版产品经理。这一段面试官开始看你工程感了传统开发 VS Replit Design工具民主化的下一步不是让工具更便宜而是让工具消失。你不需要知道它怎么工作你只需要知道它能帮你做什么。Replit Design 正在往这个方向走。它不是在做一个更好的设计工具而是在做一个「想法到产品」的直通车。这一段面试官开始看你工程感了背定义到这里就不够了这个追问就是分水岭参考文献Introducing Replit DesignReplit Developer Day RecapHow the New Claude-Replit Pipeline Changes Your Engineering WorkflowReplit Agent 4: Design-to-Full App with Parallel Agents Infinite Canvas坦率的讲我第一次看到 Replit Design 的时候脑子里蹦出来的第一个念头是这玩意是不是要让设计师失业了后来我仔细琢磨了一下发现事情没那么简单。Replit 这次推出的 Design 模式核心不是让 AI 替代设计师而是把设计到代码的最后一公里给抹平了。以前你有个想法得先找设计师画原型设计师画完给你 Figma 链接你再找开发把设计稿翻译成代码。这一来一回信息损耗严重最后做出来的东西跟最初的想法往往已经差出十万八千里。现在呢你在 Replit 的无限画布上直接拖拽、调整、预览AI 帮你把设计直接变成可运行的代码。这中间省掉的那个环节就是所谓的「翻译层」。说真的这个翻译层一直是软件工程里最让人头疼的部分。设计师说「我要一个圆角卡片」开发理解成「圆角 4px」产品经理说「感觉不对」然后来回改五版。Replit Design 的做法是让设计即代码代码即设计。你在画布上看到的就是最终跑在浏览器里的东西。这一段面试官开始看你工程感了Replit Design 工作流这种「所见即所得」的闭环把原本需要设计师、前端、后端多人协作才能完成的事情压缩到一个人、一个工具里就能跑通。那谁在受益谁在焦虑受益的是那些「有想法但不会写代码」的人。创业者、产品经理、运营同学甚至只是有个点子想验证一下的普通人。以前他们得找开发排期、等需求评审、看产品脸色现在自己就能把东西做出来。焦虑的是那些靠「翻译」吃饭的人。如果你的核心价值只是把设计稿变成代码那确实危险。但如果你能理解业务、做架构决策、处理复杂工程问题AI 反而让你更值钱。说实话我自己也还在摸索这块。之前用 Replit 写过一些小工具但 Design 模式还是第一次深度体验。感觉就像从「用锤子敲钉子」变成了「直接捏出钉子」。Introducing Replit Design - https://replit.com/blog/introducing-replit-designReplit Developer Day recap - https://replit.com/blog/devday-recapHow the New Claude-Replit Pipeline Changes Your Engineering Workflow - https://vector-labs.ai/insights/from-claude-design-to-shipped-product-how-the-new-claude-replit-pipeline-changes-your-engineering-workflowReplit Agent 4: Design-to-Full App with Parallel Agents Infinite Canvas - https://www.youtube.com/watch?vb5urkGeHyvoDesign Mode - https://replit.com/blog/design-mode
返回列表