选中一张设计稿，下一步的选项自己冒出来给你点

不会设计的人用 AI 设计工具，最常卡在说不出话：面前一个空白输入框，光标闪着等你说要什么。你知道现在这版不对劲，但说不出「首屏太满」「层级不够」这类话，也不知道除了「再来一版」还能要求什么。

Replit Design 把这一步反过来了。你先随便生成一张，然后选中它，旁边立刻浮出一个面板，叫「Suggested next steps」（接下来可以试这些），里面几张彩色卡片，每张一句话。点一张，它就照那句话生成一张新稿放在旁边，原来那张一动不动。官方给这套推荐机制起了个名字叫 Ambient Intelligence，在产品文档里它是整个界面的中心组件。

推荐的方向分三类：

关键在于点下去发生的事：新稿落在原稿旁边，原稿留在那儿，等于多开了一条岔路。走错方向不用撤销，两版并排摆着，你自己扫一眼就知道要哪个。文档里的说法是按方向探索，跟着一条走并不等于选定了它。

建议卡和打字这两条路是并着用的：点卡片管往宽处试，打字管往准处调。文档特别提了一句，跟它说「导航栏挪到左边」这种话也算开一个新方向，聊天不只是用来收尾抛光的。

模板不只是开头用，画到一半也能拖一个进来混

但建议卡是从你已有的东西长出来的，那第一张从哪来，中途没灵感了又怎么办？进 Replit Design 有四个入口：打字描述、挑个模板、把现成的东西导进来、或者从一套已经存好的设计系统开始。后两个下面单说，这一节讲模板。

画布右侧有个库面板，三个页签：Templates（模板）、Inspiration（灵感）、Library（你自己在这个项目里做过的东西）。模板能搜，也能按类别筛：文档列的是海报、社交贴、落地页、移动端、横幅、原型，演示视频里那排筛选按钮还多一个邮件。模板是谁做的两边说法不同，文档写的是 Replit 自己做的，发布页写的是几百个真人设计师做的。点一下或者拖进画布，它落地就是一个活的、能改的框，跟你自己生成的稿子没有区别，能继续改、能直接变成 App。

Replit 在发布页里把这件事跟同类工具划了一下：别的 AI 设计工具把模板当起点，用不用就在开头那一下；这里模板是配料，画到一半随时能扔一个进来。演示视频里的确是这么用的。

内置了 Mobbin 的真实界面库：能当参考，但不会变成你的代码

但是同一个面板里还有第二个页签，长得跟模板几乎一样，行为完全不同，这里最容易看错。

Inspiration 这一栏背后是 Mobbin：一个收录真实 App 界面截图的参考库，按其官网介绍从 2018 年做到现在。Replit 的说法是，这是全球最大的 UI/UX 参考库，200 万设计师在用，每周更新，收了 1000 多个 App、60 万多张真实界面；而且是行业首次，所有人都能用，不需要 Mobbin 账号，就在那儿，直接接好了。

给这句话找个参照物：Mobbin 自己官网今天还在单独卖订阅，个人版年付摊下来 10 美元一个月，团队版 16 美元一人一个月；免费档限制得很死，只能看最新 4 个 App、最新 4 个网站，收藏夹最多建 3 个。所以「不用账号直接搜」这件事，对从没订阅过的人是实在的。

这一格最容易读歪。发布页的说法是「从 60 万多张真实界面里取材，把你的想法变成成品 App 或网站」，读着像截图能直接变成你的页面。产品文档把这条写死了：灵感图不给你的项目添加任何代码，它是一张给你看、给模型看的图。

Mobbin 和 Replit 是什么关系，发布页没写，是收购、投资还是授权合作都没提，公开报道里也没查到收购公告。能确认的是：Mobbin 自己的官网今天仍在单独卖订阅。另外库有多大，两边说法对不上：Replit 说 1000 多个 App、60 万多张界面，而 Mobbin 自己价格页的页面描述写的是「几百个 App」（hundreds of apps），它那页「关于我们」标的还是 40 万+ 用户、10 万+ 截图。这里用的是 Replit 口径。

品牌一致靠一份人和机器都读得懂的样式档案

参考和模板解决的是单张好不好看；那么做到第五张、第十张，问题就变成它们像不像一家的。Replit 在发布页里描述的病症是：现在的 AI 设计是碎的，在一个工具里提要求、在另一个里改、在第三个里发布，每次交接都掉点东西，颜色偏了、字体重置了，最后出来的是个稀释版。

它给的药是内置设计系统。去掉话术，实际是这么一套东西，生成出来的设计系统里装五样：

存的方式很实在，不是一份空的品牌指南：tokens 存在 tokens.json 里，喂给 CSS 变量（比如 src/index.css），组件再去用这些变量。另外还生成一份 DESIGN.md，同一套东西的文档版，你能读，AI 也能读。

建法两种。一种从零建：在 Replit 首页提要求，回答一份很短的品牌问卷。另一种从你已经喜欢的一张稿子里反向提取，稿子右上角三点菜单里选提取，它把那张稿的颜色、字体、间距扒成一套系统存下来。也能拿别的东西当种子：一个 Figma 链接（Figma 是设计师常用的那款界面设计工具）、一个线上网站、一段代码、几张参考图，或者一份现成的 DESIGN.md。存好的系统挂在你的工作区里，新建东西时能挑、能按项目换。

照设计稿新建一个 App 只要点一下，但免费档卡在这一步

既然设计稿的终点是一个能跑的东西，那这最后一下要什么条件？

选中一张设计稿，它上边动作条里有个 Build 菜单，两条路：

第一条是照这张稿新建一个真 App，AI 把版式、样式、素材都做成一个跑着的程序，落进项目的作品列表。第二条会把这个项目里所有已有的 App 列出来，选一个，AI 就改那个 App 的代码去贴合这张稿，稿子留在画布上当参照，已经做好的东西想换个皮，走的是这条。两条路开跑前 AI 都会自动存一次档（checkpoint），出问题能退回改之前。

然后是这篇最该带走的一条。发布页上关于门槛只有一句话：今天对所有用户开放。官方计费文档的表格是这样的：

文档原话是：从设计稿构建一个新 App 需要 Core 或 Pro，而套用一个设计以及 Design 的其他每一项能力，在所有套餐上都能用。所以上面两条路里卡住的只有第一条，把一张稿套到项目里已经有的 App 上，免费档也能做。免费档在每日额度内能一直生成、分叉、点着改、导出 PNG，只是没法照着稿子新开一个能跑的东西。

额度怎么烧掉的也值得知道两句。AI 按这次花了多少力气收费，改个小 bug 便宜，做一整个功能贵；而且只要跟它说话就要钱，哪怕它只回你一段文字、一行代码没动。反过来有个省钱的点：点着改元素那套面板里的简单改动（改文字、挑颜色、调间距）是直接改源码的，不扣额度，只有遇到藏着复杂度的改动才转交给 AI。它另外还有个限制，只在网页浏览器里能用，手机 App 和桌面 App 用不了。

背后的模型可以随时换，发布页列了五家，文档里是四个

既然设计是模型做出来的，那换个模型就等于换个设计师，这也是官方明说的一条探索路子：建议卡是同一个设计师换个方向，换模型是换一个人来做，同样一句话交给两个模型，出来两张并排摆着比。

这两处口径有出入，都摆出来：

文档那份是模型选择器截图里 Power 模式下的主模型列表，同时注明清单会随新模型上线而变，以产品里那个菜单显示你的账号能用什么为准。

生成素材用的是另一套模型，跟做设计的主模型不是一回事：

Nano Banana 是 Google 的图像模型，矢量图那一栏也有 Gemini，发布页里的 Gemini 大概落在这一层。GLM 在这两份清单里都没有对应的条目。

顺带说同一个弹窗里的另两个旋钮：一个是模式，管速度、花钱和能力之间怎么取舍，这个弹窗里列的是 Lite、Economy、Power 三档（计费文档另外提到一个 Turbo 档，只有 Pro 有）；另一个是让它用多少力气想，从 Low 到 Max，每个模型标了自己的推荐档。

Figma 稿、Claude 里做的设计、一个网址，都能搬进来当起点

上面说的都是从零开始；那么手上已经有现成东西的人呢？四条通道：

网址那条是把一个线上网站复刻成设计稿，你自己现在的官网、或者一个你想重做的页面，给个地址它照着重建一张。Figma 那条是把一个画框搬进来重建成稿。两条进来之后都带着建议卡，文档给的例子不完全一样：Figma 那条是「深色编辑风的变体」「加一个定价区」「手机版」，网址那条是「深色编辑风的变体」「手机版」「加一个联系页」。

Claude 那条通道方向是反的

从 Claude 导设计不在 Replit 这边操作，是从 Claude 那边发起的：在 Claude 里把做好的设计走 Share → Send to… → Send to Replit，授权之后 Replit 建一个项目，你的设计落成一个静态的 index.html，然后 AI 自动接一个叫「Turn this Claude design into a real app」的任务，把这张静态页做成能交互的。文档注明这是新集成，能不能在 Claude 里看到这个选项由 Claude 那边控制，不是每个账号都有。

另外两个顺手的小工具：想看别的屏幕尺寸不用找设置，跟 AI 说「给我看这页的手机版」，它按 390×844 渲一张（平板 768×1024，桌面 1280×720）；设计稿和 App 框都能一键存成 PNG（图片、视频这类素材框给的是直接下载原文件），快捷键能把选中的框直接复制成图。

早期用户做出来的是海报、请柬和商店页

既然机制都说完了，最后看一眼真拿它做出来的东西长什么样。发布页顶上是一支主视频，紧接正文的第一段录屏是早期试用者的作品瀑布流。

Replit 给的说法是，从营销素材到真正发布上线的 App 和网站都有。两条早期用户的话：

我开的是品牌策略公司，对设计有很明确的偏好。大多数 AI 工具做出来的东西通用得没法署我的名。Replit Design 真的让我意外，我是真的佩服，而我才刚开始用。

Darby IRL，品牌策略公司创始人

我可以专心创作，不用卡在开发那一步。以前尝试过、没能发出去的项目，现在能上线了。

Agatha，Designely

今天对所有用户开放，入口是 replit.com/design。同期还办了个设计马拉松 Designathon，奖池超过 5 万美元的现金加 Replit 额度，给那些「让他们当场停住」的作品。上个月他们在纽约办过一场叫 vibecon 的活动。

不会设计的人用 AI 设计工具，最常卡在说不出话：面前一个空白输入框等你开口，你知道这版不对劲，但说不出「首屏太满」「层级不够」这类话。Replit Design 把这一步倒了过来，你先随便生成一张，选中它，旁边浮出一排卡片，每张一句人话，点一张它就照那句话在旁边生成一张新稿，原稿留在原地。Replit 给这套推荐机制起的名字叫 Ambient Intelligence。

进 Replit Design 有四个入口：打字描述、从模板挑一个、把现成的东西导进来、或者从一套存好的设计系统开始。画布右侧的库面板挨着放了两个页签，Templates 是 Replit 自己做的模板，Inspiration 背后是 Mobbin，一个收录真实 App 界面截图的参考库，按 Replit 的口径收了 1000 多个 App、60 万多张界面。Mobbin 自己官网今天还在单卖订阅，个人版年付摊下来 10 美元一个月，免费档只能看最新 4 个 App。

模板和参考管的是单张好不好看；做到第五张、第十张，问题就变成它们像不像同一个牌子出来的。Replit Design 的做法是把品牌存成一份人和机器都读得懂的档案，改最底下那一层，上面全跟着变。

选中一张稿，上边动作条里的 Build 菜单有两条路：照它新建一个能跑的 App，或者把它套到项目里已经有的 App 上（稿子留在画布当参照）。两条路开跑前都会自动存一次档（checkpoint，出问题能退回改之前）。发布页关于门槛只有一句「今天对所有用户开放」，Replit 计费文档的表格写明：画布、点着改元素、跟 AI 对话所有套餐都能用，而照着设计稿新开一个 App 要 Core 或 Pro，两条路里卡住的只有第一条。

本页数字的来源：库规模（1000 多个 App、60 万多张真实界面、200 万设计师）是 Replit 一方的说法，Mobbin 自己官网页面上标的是几百个 App；套餐门槛、价格和计费规则来自 Replit 产品文档与计费页，发布页里没有这些；演示里的耗时和金额取自 Replit 官方录屏。背后的模型也有两份对不上的清单，发布页列了 Claude、GPT-5、Gemini、Kimi、GLM 五家，Replit 文档当前的主模型列表是 Claude Fable 5（标着推荐）、Claude Opus 5、GPT-5.6 Sol、Kimi K3 四个，文档同时说清单随新模型上线而变。入口是 replit.com/design。