stitch可以做图吗？

五哥开年王炸，不讲武德，你一不小心打一句口令，不是一张图，是一整套 u i， 再点一下，不是预览，是交互，干得漂亮！再点一下，不是效果图， 是可以直接生成 app u i， 自己找出来，交互自己动起来，页面自己跑起来。关键是，免费！免费！完全免费！ google 就是 这么好！我靠，牛逼！关注我每天一个 ai 小 技巧。

果哥又要掀桌子了！最近发布了一个很可能要颠覆 ui 设计的 ai 应用 stitch， 连富盛这种大佬都忍不住第一时间上手体验。以前我们做一个 app， 要画图、要配色，还要懂交互，光磨合就得半个月。现在只要你会说话 或者给他一张参考的草图，他就能给你出一套世界级的 ui 界面。比如我让他帮我设计一个极简风的独处 app 的 ui， 包含启读业，还有个人中心，几秒钟一 套可以直接拿去融资的 ui 设计图就出来了。注意看，它生成的可不是一张张死板的图片，而是一整套的逻辑严密的、可交互的 ui 地面。无论是从排版的层级、信息、节奏到整体的氛围， 都有一套完整统一的设计逻辑。这是只有专业的设计师才具备的系统性思维。不仅如此，如果你觉得细节不满意，还可以让它多生成几个遍体 供你选择，甚至只需要在图上标注一下，它就能帮你精准的修改局部的细节。这种指点江山的感觉， 才是 ai 时代正确的打开方式。更厉害的是，你只要选中所有的界面，一键导入 ai 九九，真正把设计图变成可交互、有代码、能落地的产品原型，强烈建议大家都去体验一下。点赞、收藏加关注，我们下期见！

兄弟们， google stage 这次的更新，真的把涉及到开发的门槛给踩碎了。无论你是被甲方折磨的设计师，还是有想法的独立创作者，这期视频就是你的解药。 这就是 google switch 正在做的事，从 ui 原声设计到二次创新，它正在悄悄地抹平技术的门槛。咱们先看 ui 原声设计。这里官方提供了三种模式， fast 二点五 pro 和 syncing with 三 pro， 背后的模型分别是 google 自家的 gmail、 fast 二点五 pro 和三点零 pro。 如果你想快速出图， 甚至还要导到 fitme 里大改，那我建议你直接用 fast 模式，这也是目前功能覆盖最全的。咱们直接上实战，选定 fast 模式， 输入指令，生成一个温暖风格的外卖 app， 要求生成首页和我的两个页面。你看，初稿已经搞定了，咱们直接导进 fakemail， 手动调整细节就行。除此之外，谷谷官方这次给了不少工具，能做更灵活、更定制化的修改。如果整体不行，你可以点 regenerate 重开， 但如果只是局部微调，比如我想把这一块文字改成英文。这里有一个小技巧，咱们选择 variation， 把生成自由度设定为中等，别让大模型太放飞自我。输入指令，文字改为英文，唯独锁定文本样式。你看，既保留了原设计，文字又改过来了， 设计做完了好不好用呢？直接能生成一张 u i 热力图，这就相当于开了一个上帝视角，通过颜色浅深告诉你用户在这个页面上可能会怎么点。这点对于做交互优化的朋友非常有参考价值。接下来是重头戏，圆形做全置修改，咱们把这几个页面同时选中，生成圆形图，模拟一下真实 app 的 跳准逻辑。 这时候，如果你觉得这个背景太素了，想换个图，不需要一个一个页面去贴，直接点这里输入。请将背景图片设置为填充图片，贴个图片链接进去。如果发现图片颜色太深，甚至能直接跟它对话。将背景图片的透明度调高一点，是轻，与布局相契合。大家注意看， 首页和个人中心是同步变化的，这个全聚联动的能力能省掉不少重复劳动。如果还有细节不满意，比如底布蓝的图标太小，我们也可以调用 nasuban， 哪里不满意，框哪里标记对象，提出要求，它就能指哪打哪。 设计定稿后交付也很简单，你可以直接抓取 html 代码，在本地预览。当然，如果是复杂的项目级代码，建议直接导进 google a s 丢丢。 最后提一嘴它的 read 赞模式，你给它一张现有的产品图，甚至一个简单的手绘草图，它能直接进行风格迁移，生成代码版。如果有偏差，一样可以用 banana， banana 微调，最后进 a s 六六里做项目衔接就可以了。

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

无需付费， google stitch 是 你体验 jammy 三绘制 ui 成本最低的方式，优秀的审美，无缝输出代码，还能做眼动热力图。接下来我用四个案例带你了解 stitch 真实体验。 第一个，给他一个简单需求提示词，如图，做一款 to do list 应用，并大致描述了一下功能需求，主要是要他大胆放开去设计， 想看看他能给出怎样的结果。稍等一下，结果出来了，设计风格很放飞，两个版本右边有点像贴纸的感觉，左侧可用性更高。但是两个方案风格确实很大胆，视觉效果也不错。 第二个，做公司官网，我尝试让他做了一个机器人公司官网，提示词非常简单，也没给他具体要求，效果也非常不错。他能根据页面深层匹配的机器人图片，整个页面审美很好，风格一致性也做的很好。 第三个，我随手截图了一张知乎首页，并在网上找了一张跟知乎定位类似的平台 ui， 让他照参考图优化一版。他按照参考图的风格去掉了知乎首页的卡片风格，整体设计更加清亮简洁，完全是贴合的参考图效果。整体我感觉挺不错的， 选中这个页面，还能导出到 as studio 进行开发，甚至能给你生成一个预测的演动热力图。第四个，我让他优化一下小红书的设计，看一下整体设计格调其实是有提升的，但是部分小的细节统一性做的还不够好。 总结一下，史蒂奇目前视觉能力已经是优秀设计师的水平，开发小型项目效率高，但是对于复杂需求，我们可以期待一下 jimmy 四，都说二零二六年是程序员手写代码的最后一年，让我们拭目以待吧。

谷歌刚刚放出一个核弹级的 web design 产品 google stitch。 消息一出来，市场最直接的反应就是斐格曼股价一度大跌百分之八。为什么反应这么大？ 因为这次他做的不是普通的 ai 出图工具，而是直接把设计流程最贵、最慢、最需要反复沟通的那一段往 ai 手里推了。他现在有了真正的无线画布，你可以把参考图、文字、说明、代码片段、产品想法全部扔进去， 让 ai 在 同一个工作台里理解上下文，然后直接生成高保真界面。这就意味着， ai 不 再只是帮你挂一个页面，而是在参与从模糊需求到成型设计的整个过程。真正厉害的地方，不是他能不能替代设计师，而是他开始重写设计团队的写作方式。 过去是人先想先画再改，未来越来越像是人负责定义目标、约束和审美， ai 负责高速生成低板世界。所以 stage 冲击的不只是飞格玛， 而是整个产品设计行业的工作流。我是硅谷赵博，关注我第一时间看懂硅谷最新动态。

谷歌最近更新的这个设计 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。 能给你实时的设计反馈，那这个情绪价值真的直接拉满。 而且我觉得整个页面都很傻瓜式，即使你之前没有接触过设计的相关理论，也可以用它真正的去帮你参与整个设计流程，那感兴趣的小伙伴赶紧去试一下吧！

朋友们，设计师的天不是塌了，是没了呀！谷歌刚刚把 stage 做了一次重大更新，就是那个说一句话就可以设计网页的产品。这次谷歌全新推出了 web 点赞的概念，对，就是像 web 抠钉一样，说一句话就可以做设计。 据说飞格马应声大跌百分之八。废话不多说，我们直接上演示，我们让 stage 帮我们做一款播客应用，主要面向人工智能方向，展示人工智能的热点文章 要包含各种分类内容，以文章、图文、视频为主，还要内置一款 ai 客服。整体风格要简约扁平化，颜色以黄色为核心，突出年轻化文以中文呈现，不要出现任何英文，点击发送。既然是外部赞赞，这个时候我们就可以泡上一杯茶，静静等待。 来我们看一下。完全达到了设计师水平，并且还遵循先出设计系统再进行网页设计的逻辑，如果哪里不满意直接改哪里。 这次 switch 的 更新主要有五大升级，全新的 ai 原生画布、更智能的设计代理语音交互、及时原型和完整的设计系统文档。 ui 设计的门槛真的没了，没有危言耸听，这个时代，学会表达要比学会动手更重要。

google 刚刚发布了一个设计工具，可能会让整个设计行业地震。它叫 stitch， 是 一个 ai 原生的 ui 设计工具。什么意思呢？你只需要用嘴说一句话，比如给我做一个咖啡店的点单页面， 它就能直接生成一个高保真的界面设计，不是那种粗糙的线框图，是直接可以用的带交互的成品。而且不只是一个页面。你说从商品浏览到下单到确认，它一次性给你生成五个页面， 自动串成完整的用户流程，点一下播放，就能像真的 app 一 样点击操作。这还没完，还有一个无线画布，你可以把文字、 截图、代码，甚至竞品的网址往里扔， ai 会自动理解你的意图，帮你生成设计。你还可以用语音跟它对话修，把结账按钮放大一点，换个暖色调，它就急急改。旁边还有一个 ai 设计顾问，会时时给你的设计提意见。 比如这个配色对比度不够，这个按钮位置不太符合用户习惯。最狠的一招，它能读起任何网站的设计规范，你给他一个网址，他自动提起配色字体监制规则，保存成一个叫 d i s e n e m d 的 文件，以后所有生成的设计都自动遵守这套规范。做完的设计可以直接导出代码， 机器主流的前端框架，这个工具完全免费，现在就能用。消息一出，飞格玛的股价当天就跌了百分之四点。很多设计师可能还没意识到，这不是一个辅助工具的升级。这是在说，以前需要设计师花三天做的事，现在三分钟就能出出稿，设计的门槛正在被 ai 彻底拉平。

这一整套 ui 都是我一句话生成的，如果你还在学画原型图学习设计 ui， 建议都别学了。谷歌这个 ui 神器，可以让有点审美但不懂代码的小白轻松完成 ui 设计。我们来到 stitch， 在 这里写你想开发的工具，它就会自动地跑出主界面、内容页和各种设置像的完整画面，视觉审美比大部分的 ui 都要强。 但真正让我喜欢的是它和 ai studio 之间的疯狂联动。你可以直接点击这里的导出，就能把所有的静态图瞬间转为能运行的 app 的 原型。这对于想要快速验证产品思路或者做产品演示的朋友真的太香了。

使用 google stitch 一 键生成 ui 界面。我们进入到 google stitch， 在 对话框中输入具体需求。这里我们想要得到一个富有科技感的 web 官网首页下面的模型默认是 gemini， 三点零 flash 确认后点击生成。 稍等片刻，一个官网首页就生成了。我们可以在左侧的对话框中继续输入需求，对这个网页进行优化。页面上方还有其他选项，包括对该页面生成预测性热图、添加注视、 生成设计系统、生成二维码、复制代码等操作。 点击新开页面，可以更加直观地观察该页面的效果，并进行多端自适应切换查看。在右上角的导出中，可以直接下载 html 文件或是转成 figma 可用的文件 复制粘贴到 figma， 即可对该页面进行更细致的修改。还可以直接发送到 ai studio， 让 ai 帮助我们完成后续更复杂的代码工作。 google stitch 生成的页面颜值更高，还可以使用 gemini 模型。最关键的是完全免费且很少出现报错的情况。所以当我们需要灵感的时候，不妨试试 google stitch， 让 ai 辅助我们精简工作流。

谷歌四 t 七更新后加入了哪些功能呢？首先是无线画布功能，现在你可以同时操作多个项目，然后把参考图、文字、说明、代码片段全扔上去，接下来就交给他了。下面让我们进入实战开局。一支笔设计一个科幻网页的草图，先画个外星人，没毛 眼睛、鼻子嘴巴，最后再来个帅气的发型。这边再来几个按钮信息框，网页的草图就设计完了，直接丢给 stitch， 把我们要生成的网页提示词复制下来， 粘贴上去，等它运行一会就行了，这里就自动跳转到无限画布的界面了。期待一下 stitch 能把我画的这坨答辩究竟能跑出什么花样 效果涂出来了。大家觉得 stitch 做的怎么样呢？最方便的语音交互功能也上线了， okay， i want to design a new landing page for a brand something in matcha， green peach or lilac， i've generated three visual directions for you。 谷歌给这次更新造了个词叫 web design， 不 用学设计工具描述想法就能出设计最关键。现在的 cich 仍然是免费使用的，不过一天只能提问五十次，快去试试吧！

如果你现在正在学习 web 构建的话，那你肯定会遇到一个问题，那就是 ai 生成的代码大大多数情况下都是大红大紫的或者是大绿色的，那这个时候的话，你可以关注一下这个 google 的 这个 stitch， 那 它这个东西的话就是可以让你免费的通过一句话，然后描述内容，你可以选择应用，也可以选择 web， 可以免费让你用这个 google 的 jimmy 三点零 flash。 然后的话，那现在我测试了一下，就是我让他说，我说输入博主主页的链接，哇啦哇啦一堆东西，然后呢就开始设计了，那他的设计稿的话就是这三样东西， 分别是三个页面，那三个页面的话，我的概念是我让他给我一个数字人的，那现在的话，你看他这个图还是能动的，那相当于他应该是搞一个画布的形式，那至少在于如果你要使用是那种带有动态的那种大模型的话，你就可以截图给他，或者你直接复制给他都可以。

我是真服了酷狗，这他妈是不给活路了，把这公司搞得一天市值蒸发近百分之十天都塌了。事情是这样的，酷狗刚刚发布的 stitch 一 夜火遍外网，仅仅因为提出了个什么脑电波设计的玩意， 用上这玩意，你就对着电脑像个大爷一样用语音说出你的需求和想法。他不光当场就给写需求文档画 ui， 写前端代码，更变态的是他能一键把静态图变成能直接点的前端交互原型，这简直是给产品和设计递上了核武器啊。

大家好，今天我们使用 stitch 加 anti gravity， 不 敲银行代码完成一个 app 项目。首先我们打开 stitch， 选择三点一 pro 模型， 输入我们想设计的页面提示词，点击发送，随后进入画布页面，等待几分钟生成完毕，看下效果。仔细检查设计图，如果有问题就在这里修改好，不然后面代码生成之后改起来就相对复杂了。 然后我们将设计图全选右上角导出，选择点 zip， 设计图就下载到本地了。 接下来前往官网安装 anti gravity。 下一步下一步下一步 第一步，导入配置，我们直接下一步。第二步，配置主题第三步， ai 模式选择严格模式，所有操作必须经过人工审核审核，驱动开发大部分操作会请求人工审核，官方推荐使用这种模式， ai 驱动开发会自动执行大部分操作，高风险除外。自定义配置，这次我们使用 ai 驱动模式测试能不能一次跑通配置键盘和扩展，直接下一步。然后登录我们的 google 账号，很多同学卡在这里，我会将我的解决办法单独做个视频，我们在这里创建项目目录， app 和 design， 将我们输入提示词，让 ai 开始生成代码 生成完毕，让我们打开 android studio 验证一下，还挺顺利的，没有报错，完美运行，感谢观看！

google stitch 又更新了，号称正式能转向 web design 模式，这次我就直接给他上点难度，按真实的工作流程来测试一下。首先老规矩，先看一句话，出徒的审美如何，再看他能不能读懂 prd， 然后能不能做风格迁移或者布局参考。再到收尾阶段，我们再看看他对接这个码和输出的代码能力如何。 ok， 我 们先给他来个简单的直接一句话，看他的审美有没有进步。哎，这次更新有一个新功能，他能支持中文的语音输入了，说白了就是真的能用嘴做设计了。 ok， 我 先来试一下， 设计一款健身 app， 全中文界面，你看他直接就开始生成了，出来的速度还是挺快的，两分钟左右就搞定了。讲真，这个审美比我预期的要好，没有把界面搞得乱七八糟的，重点性情也分得开。这一关从零到一出个草图，他确实能跑赢大部分的选手。过关 第二关，我要开始给他挖坑了，我把一份真实的 p r d 文档甩给他，到文档里面我塞了一个用户名叫木马。第二根，我加了一张毫不相关的吃饭卡片。 第三根，我把一个按钮的文本做了一些修改，我就想看两个事情，他会不会偷懒漏信息，他到底有没有照单全收，还是会有自己的一些思考和判断？ 结果还是挺有意思的，三根针，他一根都没有漏。但是更加让我意外的反而是那张吃饭卡片居然没有完全照搬，而是真的做了一些自己的处理，说明他不是单纯的把文字放上去，而是确实有些理解能力的。以后要出原型出初稿，我真的会考虑用它， nice！ 第三关是给所有 ai 设计工具的终极难题，风格迁移。我给他发送了几张现有的 app 截图，让他照着这个设计风格继续往下去设计。同时还是用上一轮的那份 prd 出页面看看出来的效果像不像， 眨一眼看还是有点像的，但细看就不行了。颜色是学到一点的，但是圆角剑具主剑气质这些真正能决定风格的东西还是没有跟上。后来我又再试了一轮， 让他参考图一的风格，按照图二的布局来进行设计。结果布局确实是像图二的，但风格基本没有参考到，更像是把两张图片混合在一起，不是真的接住了原来的设计语言。第二关刚让我觉得不错，第三关直接就翻车了。在风格牵引这块，嗯， 基本没戏。压轴这一关落地，看看能不能接上个码和代码。这里也是大家问的比较多的问题，到底能不能直接干活用？ 先说 figma， 这一步，我先给个好评，因为它对接 figma 非常的友好，直接点击这个按钮， copy to figma， 直接粘贴进去就可以用了，布局也很稳， auto layout 也有颜色、圆角、间距这些基础的 token 基本上不会怎么跑偏的，而且都是实量可编辑的。代码部分呢，我就直接请出我们的专业资深朋友看一看 这个代码有没有问题，我定了几个条件问他。 ok， 我 总结一下，就五个字，能看但别用。具体来说就是能跑通 demo， 但是你想直接扔给程序员说今天就按这个来上线，你大概率会被打出来， 说白了，工作流程其实还是没有变化，设计还是得走 figma 去精修，代码还是得靠我们的研发同事来重构 四关。测试下来，我的结论就三句话，首先， ai 出 demo 其实已经不是什么新鲜事了，不过审美确实是能打的。 第二点，他是能读懂 prd， 甚至有自己的判断力的，这一点确实挺惊喜。第三点，风格迁移和代码落地这一块，目前还是一个玩具的水平。虽然 google stitch 这次的更新还不能让我们直接解放双手，但 但是他已经开始往真正的落地的工具去靠了。他现在真正的价值不是替你交付，而是帮你挑过从零到一的这一段百般恐惧。如果你现在只是想快速的出原型，出出稿，他非常值得一试。但是如果你想让他来干掉设计师，那还差得远了。哈哈哈哈。 这次测试你碰到的 p、 r、 d 和资料我都已经放在评论区了，如果你们想试一试的话，可以直接拿我是木马陪你一起玩 a i 的 赛博达子，咱们下期见！