stitch怎么导入规范

看， google stitch 正在全自动生成 ui 设计稿，这次全方位实测刚升级的 google stitch， 看看它到底有多逆天。首先你看这界面，升级后的更加简约，高级且丝滑，我直接告诉 stitch 一 段需求， 随后选择了 google 最新出的 gemine 三点一 pro 模型，直接发送出去。可以看到左侧的 ai 助手正在分析并准备生成。分析完成并批量生成中，没一会儿就生成出来了，这速度和质量已经刷新了我的认知，而且界面精美就算了， 他还细心的在旁边给你同步备好了设计规范，同时可以看到这里就是当前的规范模板，点击新增规范，你可以把自己的规范当成一项技能背给他，再点击保存，就可以看到你的规范已存在了规范模板里，以后做设计可以随意选择规范模板，他直接按你的规矩来，太懂事了！ 这次更新最逆天的来了，直接三联机设计稿， ai 就 把设计稿变成可编辑的原文件，可以随意改变里面的文字和版块，想怎么改就怎么改，如果懒得动手也没关系，点击 ai 修改，对着特定板块直接下指令， ai 就 能自动帮你修改。 ok， 很 快就修改完成了。另外左下角还能看到有多现成在同时进行， 这就意味着我再提一个需求，然后可以同时生成，效率拉满。接下来重点来了，框选几个页面选择生成交互预览，在旁边就会有一个手机模型出来，并正在生成预览，点击进去后就可以看到预览效果。我大概操作一下，整体还是非常丝滑，很 nice， 并且点击 ad existing screen， 还能随时加新页面。如果你卡壳了，不知道下个页面做啥，点一下 imagine the new screen， ai 直接化身产品经理，给你提下一张页面的建议，太贴心了！最后如何交付可以看到这里，选择一键分享，就能把你的设计稿分享出去，让别人浏览。 在预览下分享后的链接，预览效果很完美，给到需求方看妥妥的。也能复制到 pdf 中进行编辑，同时 复制代码或一键打包下载，可以直接给到开发，从设计到交付，一步到位。综合来看，不管你是小设计师还是开发者， stitch 都极其友好。下一期我将直接用 stitch 从零到一，辅助我设计并落地一个真实案例。我是大木，我们下期见。

stitch 又更新了， figma 股价硬升大跌，带你感受一下这可能是未来的 ui 设计方式。上传一张参考图，输入提示词，制作一个宠物周边商品电商平台，并给出要它做的页面列表。 这次比较大的更新是它每次输出页面之前会先做一套设计系统，这套设计系统我们可以随时修改里面的配色、字体、圆角等内容。有点正儿八经的 ui 设计工具内位了。 看看他给出的页面，其实就是正常煎饼奶的能力。但是这次更新在功能上有了很大变化，比如可以自动生成可交互原型，这个不需要像 figma 那 样手动连线， stitch 会给你把页面跳转全部设置好，并且你也可以通过 ai 补全页面，他会给你推荐一些欠缺的页面， 你可以按它推荐的补充，也可以自己输入提示词去补充页面。同样的，新增的这些页面同样也会被连入交互原形中。可以点击单个页面，如果你想要修改，可以直接点击你要修改的部分，比如把这个改成滚动 banner， 并将图片改成猫咪，它也能很快改好。 当然你还可以通过语音跟他沟通进行修改，但是目前我感觉这个功能意义不是很大。还有一些之前就有的功能目前也得到了完善，比如可以随意切换的移动端、电脑端设计稿，目前可以同屏展示多个不同尺寸的设计稿。 再比如，你可以框选你所有的设计稿，一键复制到 figma， 之前只有 flash 模型生成的可以复制到 figma， 现在 pro 版本的模型也可以，并且到 figma 中查看一下效果，整个内容做得非常规范，三格系统自动布局，整个颜色、字体等元素的一致性 我觉得真的很不错了。有些人可能会杠做复杂产品的问题，但是这个真的只是时间问题。总体来说，斐格玛在 ai 这块确实慢了一步， stitch、 pencil paper 都在探索一种 ai native 的 ui 设计方式，可能就是未来的趋势。

如果你现在脑子里有一个绝妙的 app 点子，但你既不会画圆形图，也不懂 ui 设计，更不会写代码，怎么办？今天给大家介绍一个隐藏在 google labs 里的王炸工具， google stitch。 打开浏览器，输入地址，就可以看到 stitch 的 页面，它是一个全能的前端与 stitch 的 页面。它是一个全能的前端与 ui 设计师，能直接把你脑子里的一句话在极短的时间内变成精美的生活痛点来实操。 很多新手爸妈都会用手写本来记录宝宝的日常喂养，非常繁琐，我们现在就用 stitch 来做一个家庭版的宝宝照顾 app。 我 们需要它有喂养记录、换尿布的记录、睡眠时间，还得有疫苗本和身高体重的可示画图表。 我们把这项需求输入进去，为了让界面看起来有高级感，我特意在提示词里加上了 google i o 风格和磨砂玻璃特效。大家看不一会，他就渲染出了一个完整的 app 界面，各项指标的卡片排列的清清楚楚，视觉效果非常赞。 不仅如此，就像我们在 canvas 模式里一样，如果对哪里不满意，还可以直接选中它，用自然语言让它改就行了。比如把喂养记录的卡片改成温暖的橘色， 立刻就生效。满意之后，你可以一键把这个设计导出到 figma 里，无缝衔接专业的设计工作流。 看到这里，大家可能会觉得不可思议，但是这里我必须给大家讲清楚它的能力边界。 stitch 深层的只是前端的 u i u x 视觉设计，也就是我们常说的 mockup 高保帧的原型图，它实际并不能通过代码来实现各个按钮之间的真实跳转和后台的数据交互， 也就是说，它只是个壳，它不是帮你写好了一个直接能上架的 app， 而是帮你把想法具象化，变成了一个可以交付的设计稿。老规矩，送给大家一套 stitch 的 ui 架构师填空公式， 第一，你的应用类型是什么？要在什么设备上使用？第二，核心功能模块有哪些？ 第三，视觉风格配色是怎么样的？第四，想针对什么样的目标受众和提供什么样的氛围感。只要你的提示词里把这四个问题描述清楚了，出来的产品就应该八九不离十。 最后我想澄清一下， stitch 其实不是今天才发布的，而是存在了蛮久的一个 lab 功能。但最近如果你听到 figma 这类的软件因为 stitch 的 发布而估值大跌等等，实际上属于市场的误杀。因为目前为止， stitch 抢的都还不是 figma 的 市场， 而且官方说得很清楚，在 stitch 里做好了的设计，可以一键导出到 figma 的。 如果非要说 stitch 甚至是立好 figma 的， 但是问题就在于，大家对于 ai 太焦虑，又爱又怕，任何一个传统行业，只要被 ai 沾上一点，就感觉马上就要被替代了。所以你的行业有没有被 ai 误杀呢？评论区里聊一聊，关注我，一起在 ai 时代共同成长！

谷歌真的不讲武德，帮我设计一套小红书风格兴趣电商网站的 u i， 包括首页、列表页、详情页、订单页、个人中心页等等，正在设计中，请稍等。哇，太棒了！小红书风格的电商网站已经创建好了，你想看看哪个页面 把这些页面生成一套交互原型？我可以设计一套包含订单详情和追踪的完整流程，让你的电商体验更加流畅。正在生成中，请稍等片刻互动流程页面已经完成了！ 一句话，生成一套交互图，能点能动，太适合做屏审了！而且 space 还自带一整套 ui 规范， md 格式的 直接丢给任何 ai 都能读，你自己设计的规范也能喂给它设计和开发。第一次真正打开，这就叫专业！最重要的是完全免费，赶紧去试试吧！关注我，每天一个 ai 小 技巧！

今天凌晨， google switch 迎来了十四级更新，分满，股票直接暴跌。 stitch 主要做了这五大功能更新，给大家展示一些我的实际使用效果。 首先给了我的提示词，网站页面，我让他帮我优化一下，他给了我两版方案，还可以直接选择所有页面，一键生成可交互即式原型。 你还可以输入设计规范，根据我的设计规范给我出原型。我输入了一个 app 产品需求， 这是它生成的效果很不错。整个界面是个无线画布，你可以直接将你的参考图复制到画布上，创作连贯性很丝滑，甚至还能语音输入，动动嘴就生成 ui 设计。

google street 发布了一个新的版本，我试了一下，我觉得还挺惊艳的，大家看一下。我给他了一句话，让他帮我去生成一个时尚电商独立站的首页， 那这是他给我的效果，我还挺满意的，挺喜欢的。而且可以快速生成一个圆形，这个圆形是可以互动的， 并且可以导出这个码，或者导出个 zippo 包。这里面东西也挺多的。一个 html 文件，还有一个设计准则的 md 文档，还有一个截图， 所以它已经帮你把 web coding 的 前置条件做得很好了。所以我觉得现在在 web coding 之前再去做一个 web design 设计编码全有了。

每次画交互图、改 logo、 写 prd 都要耗费一整天，如果你还在做这些重复的劳动，那你一定要看看这款刚刚完成十四级净化的 ai 设计神器 steam， 今天带你盘点它的五个逆天升级，看完绝对想要立马换工具！你 能想象只用说话就能做出一整套完整的 app 页面吗？不仅如此，它还能自己生成需求文档，自己生成下一个交互页面。刚刚发布的 steam 重大更新，真的把 ai 设计玩出了新高度， 这里有五项重大升级，第一是 ai 原声画布。 stitch 现在拥有一个更宽敞、更现代的画布，可以同时容纳图像、代码和文本，并跨越它们进行推理。第二是更智能的设计智能体， 你可以让他提换 logo、 编辑产品需求文档 prd， 甚至让他来采访你，以帮助你从头开始设计一个新的落地页。 而且你终于可以在同一个画布上混合放置移动端和桌面端的屏幕画面了。第三个可能是我最喜欢的，现在你可以用你的语音来进行歪笔设计了。第四是即时原形，只需几秒钟就能将多个屏幕拼接在一起，让你的想法变成现实。 点击播放按钮，即可及时预览你的交互式应用流程。你甚至可以根据你点击的位置，让 stitch 自动生成下一个符合逻辑的屏幕。最后第五是设计系统与 design 点 md。 现在每一个新设计都会自动生成一套统一的字体和配色方案。 你可以从任意网址提取设计系统，或者使用全新的 design 点 md 文件来导出或导入你所有的设计规范。二零二五年的 stitch 更像 ui 生成器。二零二六年这次升级之后，它开始更像 ai 设计工作台。

随着前段时间 google stitch 的 版本更新，带火了一个更加便于 ai 理解 ui 规范的新的格式。 您看 stitch 在 这里生成的这么一张图片，它其实是一个规范的文件，如果你把这个文件上传给你的任何 ai web coding 应用， ai 就 会更好地去理解里面的相关颜色、字体、字号、按钮的内容，帮助你产出一致性更强、品牌感更好的 ui 界面。 就在几天前，一个老哥一口气把 airbnb、 apple、 cursor、 spotify 等大厂的 ui 都做成了这个 markdown 文件，并且上传到了 github。 这就意味着如果你想要学习某个大厂的风格，你只需要把这套啊 markdown 文件丢给 ai， 然后他就会帮你进行处理。 下面就带大家实测一下官方的指导说这 prom 非常之简单，就告诉 ai 说你就参考这个东西去进行设计就好了。 在这过程当中呢，会发现，如果你只是单纯的跟 ai 描述你想要做的相关产品，再附带上这个文档文件的话，它感觉上就只是把原本的壳 给你换成了相关产品的内容。就你可以看到说我在 spotify 这个 map 文件下生成出来的界面，它游戏和做健身相关的长得都像个音乐播放器， 所以我就试了一下，如果我们上传一张已有的 ui 界面，然后再配合这个码段文件， ai 会不会帮我们更好的去进行定制化的处理？ 可以看到这个效果跟审美还是比较不错的。 下面我们来闯一个 air b and b 的 马当来看看 ai 的 表现怎么样， 这效果是不是感觉还行，它甚至去优化了里面的一些投影角度和颜色深浅，如果你对这个内容感兴趣的话， 可以在评论区留下你的邮箱，我会把这些全部的文档文件一并的发给您。好，今天内容就到此为止，感谢您的收听。

前段时间， google switch 完成了新升级，现在输入你的想法，它不仅能帮助你生成页面，还会在生成之前整理出一套完整的设计系统。根据这套系统完成后续的设计工作， 可以看到新操作界面整体不仅更加简洁专注，还会在输入框上方出现提示词，询问你是否补全其他页面，串联起一套完整的设计流程。而你需要做的就是继续告知他你的想法，或者按照他的提示，一步步将整套页面设计完整。 你也可以通过导入的方式，或是为给他你找到的参考网站，他会据此生成一套设计系统，并且这套系统的所有内容都可以修改。 可以看到现在生成的页面在设计规范的约束下变得更加统一。第二个更新是一键生成交互网站框选生成的页面在顶部点击即是原型， ai 会自动生成可操作带跳转的真实交互原型， 点击编辑可对交互内容进行更细致的更改，比如替换图片、修改交互对象等等。他还贴心地增加了语音输入功能， 上传自己的页面，让他提出自己的改进想法，并补全流程下的其他页面也更是不在话下。最重要的是， google switch 目前依旧免费。

万万没想到，一觉醒来，设计行业的天又塌了！谷歌重磅更新了 ai 设计工具 stitch， 还造了个新词儿，叫 web design 氛围设计。一喜塌的天，还有 ui 设计巨头 figma 的 股价两天跌了超过百分之十二。这次具体更新了什么？ stitch 不 再是输入一句话出一张图这么简单， 变成了一个 ai 原生化部，图片、代码、文字一股脑全扔给他，他自己就能搞清楚你这个项目到底要干嘛。以前做设计最折磨人的是什么？不是没想法，是一版改完，甲方说再来一版， 现在 a i t 你 同时跑好几个方案，你只管动嘴挑毛病，换个深色背景，换了这个菜单，出三个版本，给我选三个方案，直接摆你面前。颜色字体排版，以前改到凌晨三点的活，现在动动嘴就行。而且它还加了一个叫 design md 的 东西， 干的事特别简单，帮你记住你的设计风格，你这次用的配色、字体、间距全部存进这个文件里，下次新项目直接调用，甚至你看到的一个网站。哎，觉得好看，他能一键把人家的设计规则扒下来，配色、排版、间距全提取，直接用到你自己的项目里， 团队再也不用为这个蓝到底是哪个蓝这种破事反复开会，设计稿也不用再甩给程序员说你看着办了， steam 直接连上了程序员用的编程工具，设计师这边刚画完，那边代码就自动生成了，不用开会，不用对接设计到写代码，一步到位， 功能听着都是在帮设计师。但真正的问题在于，以前你花好几天打磨的东西，现在他几分钟就能给个差不多的版本，而且完全免费。 以前一个产品从想法到上线需要产品经理、设计师开发一整条线的人，现在一个人一句话就够了。当所有人都能做设计的时候，设计师的价值到底在哪？这个问题可能比 figma 的 骨架更值得担心。

早知道当初就去学美容美发了，因为学设计的一觉醒来添它了。这次谷歌亲自下场制作的设计软件 stitch， 你 只需要输入想要的口令，随后选择谷歌最新推出的 gemine 三点一 pro 模型，它就能给你生成一整套育 y， 这质量和速度直接刷新我的认知。 而且生成的页面精美就算了，你还细心到能在旁边同步好设计规范，甚至还能将自己的规范习惯当成一项技能喂给他。这样以后做设计就可以随意选择规范模板，他懂事到直接按你的规矩来办事，这还不是他最厉害的点，逆天的是，在设计稿生成后，直接三连击设计稿， ai 就 可以 把它变成可编辑的原文件，你可以随意更改里面的文字与板块，就算你懒得动手也没关系。点击 ai 修改，对着特定板块直接下指令， ai 就 能自动帮你改正一切。就位后，空选几个页面，选择生成交互预览，就能看到在移动端的效果。如果在这中间你的灵感卡壳， 不知道下一步怎么办时，点击 imagine a new screen， ai 就 能直接化身产品经理，提供下一页的页面建议地址，能做到从涉及到交付一步到位，对普通人也很友好。不管你是设计师还是电商创业者，还是想搞个人项目，这个工具都能帮到你。学设计的现在转岗还来得及吗？

简直太猛了，我把我的 pc 网站已经设计完了，这是我 pc 网站原有的样子。最近谷歌出了一个叫 steam 的 自动化设计的一个网站，我以前还用 jimmy 一 步步跟他沟通，我现在只要沟通一步，然后把我原始图给他放好之后，他直接就可以把样式给我，帮我自动去完成，给我返回整体的 设计规范、配色以及按钮。这是小程序端的样式，一步直接给我到位了。在右上角这块还有一个预览功能， 就是我认为的首页分的四个模块，工作台、创作、数据中心，还有我的页面，现在的样式跟我 pc 网站样式几乎一模一样，就在这上面已经加了我的核心模块。这种带小边的蓝色边的东西都是可以点击交互的 啊，这是可以返回的啊！这是数据中心，数据中心的样式、算力、消耗、趋势、功能、使用分布，这是一个消费明细列表，它甚至可以导出报告，我现在觉得并买它也不用了，现在直接就 stitch 完了。我看了它这几个设计之后，感觉他帮我拆的太细了， 所以我又跟他沟通了一下，我让他把底部的这几个东西帮我去简化，因为我希望用户在用到这个东西之后会非常的简变，非常直观，那核心就在工作台上就行了。经过了几轮的沟通，我已经拿到了我最终想要的一个结果，就是这几个页面是全部都是帮我生成的。 这张是他给我的一个设计约束，要先选中你要去导出的页面，然后他先帮我出一个项目简介导出来。出完项目简介之后，他会给我一些约束，他会告诉我 ai 我 该怎么去开发，依照什么样的一个规则导出之后，你再把你所有的这些图 全部选中，导出来一个这个包，就每一个上面其实都包含了原始的图片，以及每一个页面的原始代码。拿到最终代码之后，我就放到 ctrl 里面，我说这是我用 stitch 设计好的语言想出去的页面说明和视觉稿，基于这份代码帮我设计 liquid grass 质感的这种想去开发，你先理解我发给你的东西后，跟我沟通一次再进行开发。任何需要决策的地方，你不要去做决策，决策交给我来执行就行了。 现在就在已经开始写了，这是正在变动的代码，一会等他弄完之后我再详细看一眼。好，很快啊，他已经把所有东西都帮我们弄完了，一些线上环境的配置，一些 app 它全都弄完了，完全没有搞错， 现在已经打开了，能看到他已经加这么多文件，直接往上推就行了。我的小程序呢，已经都进去了，写的非常清晰。我用的东西这套东西还是比较方便的，很快就能帮我把一些需要实现的东西全都实现了，大家赶紧用上吧。

这两天刚刚更新的这个 stitch 啊，功能性提升的非常大，我感觉有两个特别夯的一个功能啊，给大家去介绍一下，基本上我只用了十分钟或者是二十分钟左右的时间， p r d 也有了， 界面也有了，设计系统也有了，产出的质量我觉得是非常符合我的心意的。从这个排版到里边的内容构建，我觉得都没有什么太大的问题， 所以他是很对得起这个 web design 的 这个称号的。氛围设计这是刚刚产出的一个新名词，就是他产出的非常快，能够给你非常多的设计方向的一些灵感。 然后跟之前相比来说，他推出了一个比较新的功能，这个功能就是你给他输入问题的时候，他基本上是先帮你产出对话的这种内容，去帮解决一些问题，而不是直接产出界面。就比如说我给他发了一个这个需求， 然后我发送过去了，需求了之后，他先给我回复的是给我设计了几种类型，看我喜欢哪种类型的页面，让我进行一个选择，然后我看他的描述了之后，我选择的是第二种创意粗野风， 然后他就根据我的选择去帮我写出了一份比较完整的 p r d。 这个内容也是我们可以在这边去滚动去观看的，包括他的色调、 标题什么乱七八糟的，全给你写的非常完整。然后这个时候你是跟他继续交流改 p r d 也可以，然后也可以让他立即生成 p r d， 里边所需要的界面都是可以的，点击继续生成了之后，他的这个界面啪啪啪啪就给你全显示出来了， 对吧？如果说你想要这个外部端口的这个界面，在这里边直接点这个功能就可以了，产出来的效果就是这样， 然后它在产出这个 web 的 页面的时候，它会自动把设计系统给你附加上，而这个设计系统也是非常值得说的一点就是它创建好设计系统之后，在这个板块的右侧的工具栏里边可以看到已经生成的这个设计系统，然后我们可以点进去看一下它的内容，基本上它把我们的主色调、辅色 字体、圆角都给你铺这了，你可以自定义的调整圆角的内容，字体的内容都可以去灵活编辑的，包括它的暗色系跟亮色系你都可以去保存去调整，然后你调整好了之后，每个页面都可以根据这个设计系统 一键去切换它的字体颜色色调，而这些都是比较基础的。比较重要的是什么？比较重要的是它推出了一个三 m d 的 文件，而这个文件主要的作用就是它是为了让 ai 去阅读的，就以前的难点是什么呀？就是我们这些设计系统基本上都是给人看的，自己看的，我们自己去做 figma 里边的设计去使用的，但是让 ai 去看的话就很费劲，没有 markdown 的 这种格式理解的更加透彻。对于 ai 来说，所以这个文档就是加深 ai 对 你设计系统的了解，让它去外部 coding 也好，去智能体的调用也好，它都会更加遵循我们这套设计系统， 也就相当于给 ai 进行了一个翻译，让它更加了解我们的这个设计系统，为了设计的一致性去做准备，然 想创建一份儿这个呃， design md 的 文件，我们可以自己去手写，也可以让它直接自动生成，我们这份儿自己根据我们的 p、 r、 d 去生成 的。如果说我们有自己的品牌，想要去写一份 md 的 文件的话，方便我们在其他的 web coding 工具里边儿去使用，我们也可以看它官方的这个格式是怎么写的，它这里边儿有一个概述颜色排版， 这个阴影的深度组建组成部分，这些内容都是有案例的，我们可以参考他写的这个案例，自己去进行编辑学习都可以的。还有一个我觉得非常方便的功能，就是他的有一个即时原形的功能，操作起来非常简单，我们需要框选中我们 想要点击交互的页面，我们再点这个即时原形的功能，它就会自动生成一个交互的流程。这里边儿所有的交互都是 ai 自动生成的，像这些返回的按钮，这个 type er 的 切换播放的这个按钮。然后当然我们也可以自己去编辑 点编辑模式了，之后我们点击模块儿了之后，就可以手动地让它去跳转对应的页面，这都是可以操作的。 但就单说这个 ai 生成的这一步，已经帮我们节省了非常大的时间了。以前我们想要做这种跳转的界面，我们需要自己手动的去排布，去编辑，现在 ai 已经可以自动帮我们做这种演示的交互动画了， 给我们节省了很多时间了。还有一点就是它在这里边的编辑能力比之前也要好很多，你看啊，这是我给他上传的一张图片，然后这是原本的页面， 想把这张图片放到这个框里边。他目前想要编辑的话，是可以支持我艾特这张图片，然后再告诉他放到这个板块里边的对应的位置，他能够直接放到成功之前是不太能这样操作的， 所以它现在的整个编辑能力也越来越智能，编辑界面的细节也越来越精细，是吧？包括它还有蒙版的功能，我们可以直接框选出页面的对应内容，这部分就可以直接引用到对跨框里面，我们可以直接说换一张图，或者是调亮色调什么的，还有对应的直接编辑的功能。 点这个小画笔之后选中页面，我们可以直接在他的界面上去进行修改，这里边主要修改的还是文字类的消息，我们可以直接修改文字的内容，改起来就会快很多。然后还有近期新上的一个功能，就是这个语音的功能，你可以直接用口语化的方法去跟他沟通。 hey， what are we designing today？ 你 看他可以直接跟我们对话，但是他只会说英文，咱们说中文，他好像是不太理解了。 i'm all ears let's dive into some creative design ideas。 咱们说中文的话，他也还是依旧会用英语回复我们，不会用中文回复我们。 i'm ready to jump into some design what are we envisioning？ 那我们现在就可以说，我想要一个电影播放的界面。 let's create a sleek cinematic movie playback screen imagine a dark palette with bold elements for an immersive experience on it generating that for you now。 它就会根据我们的 诉说的这个内容直接开始去生产界面，整体来说使用起来要比以前更顺畅。它依旧是可以查看代码，复制到飞格码，然后， 然后导出的话也可以直接导出到这个 as studio 里边，直接构建应用都是可以操作的。它更新的这些新功能非常建议大家去体验体验，尤其是这个设计系统里边的应用，很大程度上减少了我们对设计系统的维护，真的是减少了很多，我们直接编辑这个 md 文档就可以了。

进程序员之后呢，设计师也要下岗啊，今天大家看一下谷歌的 stage 啊，效果怎么样？我让他呢给我的 agent 产品做了一个官网，试一下啊， 我这个 agent 呢，它的特点是学通创作，然后呢名字我给它起名叫锦座，英文名叫 call agent k o i 这一 n call k o i 就是 锦鲤的意思， 然后来看它效果怎么样，可以看到右边这块一直在干活，哎，锦鲤出来了，哎，可以看到它先做了一个设计规范啊，包括颜色和字体，还有一些按钮，哎，效果出来了， 还不错啊，就是没有那种特别惊艳的感觉呢，但是非常非常的完成度很高，完成度很高， 包括它上面这些字也不是随便写的，是我的特点啊，是我这个 a j 的 特点，字也不是随便写的，效果已经很不错了。 然后呢，它还有一个功能是圆形，圆形功能，它在这儿正在生成的是一个圆形，不知道它能做出来什么样子， 哎，出来了，可以看到，因为整个页面着齐都是静态的啊，当时所有的按钮都变成了一个可点击的状态，它这个应该是把代码写出来，写完了， 然后这里可以看到它的一个导出功能啊，导出功能有可以导出到它的 ai studio， 这个应该是谷歌自己的，然后飞个马， 然后这些不知道还有 m c p 啊，还有原型，原型也是可以导出的，能说什么呢，都失业吧。

谷歌最近更新的这个设计 agent， 我 愿意给到一个吭的级别，只要动动嘴就能做出网页，关键是可以及时修改，连交互都是自定义的，审美也在线，最重要的是解决了以往 ai 做网页的痛点。 那到底更新了什么？今天一个视频告诉你，那详细的文档也整理好给大家啦。第一，它支持 url 提取设计系统，直接把参考网站的链接丢给他 ditch 就 能瞬间提取出整套配色方案，包括它的交互版式，甚至反推成 markdown 形式的提示词文档，我们自己附用或者参考逻辑结构的时候就很方便。 第二，指哪改哪。除了有跟其他 ai 做网站的自然语言交互功能，它也支持一键识别你做出来的页面，指哪改哪也支持上传自己的图片进行修改， 还可以调用 ai 进行修改。而且我们知道谷歌它接的是香蕉模型，那这个深图效果不用说。第三，即时原型做好的静态设计呢？在这里点一下就能快速变成预览版的交互原型， 甚至可以直接在页面指定某个按钮交互的跳转，在这里也可以更换不同的转换效果。第四，你也可以直接对着画布截图说话，让 speech 一 边听一边改。 i think i'd like to see three different color variations of rate your mail screen that's a good idea i'll work on creating three distinct color variations for rate your mail。 能给你实时的设计反馈，那这个情绪价值真的直接拉满。 而且我觉得整个页面都很傻瓜式，即使你之前没有接触过设计的相关理论，也可以用它真正的去帮你参与整个设计流程，那感兴趣的小伙伴赶紧去试一下吧！

你用 ai 写的应用功能没问题，但 ui 一 眼就看出是 ai 做的。以前修这个请设计师三千到一万美金等几周，现在有一套工作流，一个人一个下午搞定。 google stitch 二点零加 cloud code， 通过 m c p 连接， stitch 负责设计， cloud 负责代码，各司其职。你把应用截图丢进 stitch， 写一句 prompt 说明方向。它会生成多个设计遍体。关键是 它先出图再出代码，不受 html 和 css 限制，所以设计质量远超直接让 ai 写前端。更重要的是， stitch 会自动生成一个 design md 文件，里面包含完整的设计系统、 字体、层级、配色、方案、组建规则。把这个文件放进项目根目录 c load code， 每次 prompt 都会参考。它解决了 ai 应用最大的痛点， 多页面设计不一致。通过 m c p 连接后， cloud 直接读取 stich 的 html 和 css 源码，不是猜着做，是读懂真实布局后，在你的代码里重建，甚至会自动加好玩效果，和过度动画同一个 session 里还能接 superbase， stripe versa， 一 键上线一个 mark 档案文件，干掉了三千美金的设计师预算。