我发现谷歌的这两个免费产品绝对是被低估了,因为他们组合起来,可以让一个完全不懂设计,不懂代码的普通人直接做出这种设计精美还能交货的 app。 第一个叫 stencil, 它是一个由 ai 驱动的 ui 设计工具,能把你的想法直接变成一整套 app 界面, 而且完全免费。你只需要输入提示词或者上传一张图片。比如像这样描述,帮我开发一款能够识别植物的 app stencil, 就 能将它变成完整的界面设计。注意看啊,它生成的不是一张效果图,而是一整套可以直接导出的 ui 原型, 界面结构、按钮、逻辑、交互流程全都帮你搞定了。接下来是第二个被更多人忽略的产品,谷歌 ai studio。 你 只需要在 stitch 里面选择刚才生成的 ui 原型,点击导出,然后用 ai studio 一 键构建。 它会根据你刚才的设计,直接把整个 app 给你生成出来,而且是那种真的能点能用的前端应用。如果你只有想法,但总觉得我不懂技术,所以做不了,那这套组合真的应该亲自试一下。
粉丝7.6万获赞85.8万

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

就在昨天晚上,谷歌更新了他们的设计 agent 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 let's go with organic handcrafted hey, can we swap the photo with this image here nice, let's apply the design system to the whole site? what do you think of this screen? i think we can try out some other color and layout options let's do it。 这次 google 对 stage 的 更新,可以看作是把 ai 深度集成到了设计的每一个环节, 不再是一个辅助工具的存在,更像是一个能听懂人话,能够看懂画布,甚至是能够帮你跑腿的虚拟设计师。 这次更新的变化主要在以下五个方面,一、可以是你的脑爆神器,使得用户界面进行了全新的重新设计,采用基于节点的无限放大的原声画布。 以前做设计可能要在不同的软件窗口跳来跳去,现在 stitch 给了你一个无限大的画布,你什么东西都可以往里面扔,图片、代码、产品需求、文档全部都能塞进去,而且可以多线作战。新的带管理器能帮你尝试好几种设计思路,而且完全不会乱套。 第二一点是会是你更有眼力见的一个 ai 助手。现在的 stitch 不 再是一个会改颜色的机器人, 他能够去看懂你整个项目的上下文,完全听得懂你的指令。你可以指着这堂图说,把头像给我换成刚刚传的这一张, 或者说根据这几张截图写个产品介绍,他能能够秒懂在画布上直接操作。第三一点就是你可以动动嘴就能够做设计的语音交互预览,这大概是这次更新最酷的一个地方, 他能够实时反馈, 而且能够像导师一样去点评你的作品,你甚至可以问他,那我这块设计的怎么样,他会给你提修改意见。 第四一个就是脑补式的圆形图,他可以进行及时的圆形设计,以前作为圆形要手动连连看,那设计师要理解页面交互的下一页要展示什么。现在你可以通过需求让 ai 来帮你理解需求,并且实现原型。 点击下页播放, ai 帮你自动排版好页面,跳转顺序,哪怕你没有下一个画面,你只需要点击一下按钮,那 ai 都能根据你点击的位置自己想象并生成一个逻辑上的下一个屏幕。 第五一个就是设计的大衣桶,这个更新解决了设计师最头疼的一个设计规范不统一的问题。在过去每一个项目都会自带一套完全不一样的设计规范,现在呢,你可以一键搬家。 通过一个叫 d 三 md 的 文件,你可以轻松的把所有的设计规范导出,或者从代码或者是其他网页直接吸取设计风格,不再考虑大量统一或者不统一重复去做组件库的这样一个麻烦的事情。 最后总结一下,这次的 stitch 的 更新就像是一个全站型的高级设计师,他不再是一个设计工具的存在,你给他一点想法,文字代码或者是图片,他都能帮你拓展成完整的设计稿。你动动嘴,他帮你改图片,你动动鼠标, 他帮你把静态的图能够变成可以点击预览的 app, 那 我自己也去试了一下,让他帮我去识别一个网站的设计风格,给我总结一套设计规范,我又让他按照这套的设计规范去给我生成一个新的类似的产品网站。 那无论是在审美还是设计风格到设计规范,都完全拥有一个非常高级的设计师水平, 而且还可以进行原生的页面交互的跳转。如果说你没有下一页的内容,他可以自己理解,帮你生成下一页的内容, 那这次 stitch 的 更新并不是为了对标哪个设计工具或者软件,而是把设计工作推向了一种新的形态。那设计不再是为了去理解需求,去产出设计稿,而是成为了一个更为严苛的设计总监的存在,你需要从审美 或者是更高维度的需求去理解这些东西,让他帮你去实现。那这次的更新,在我从一个用户体验设计师的角度去看这个事情, o 的 设计师是真的要失业了,那感兴趣的小伙伴可以去试一试,感受一下他的强大之处。


大家好,欢迎收听,今天我们要探讨一个可能彻底改变软件设计与开发流程的工具,来自谷歌的 stitch 二点零。想象一下,你脑海中刚刚闪现一个绝妙的应用程序构思,或者在餐巾纸上随手画了一个简单的草图。 在过去,这只是漫长开发旅程的第一步,但现在,借助 stitch 二点零 这个过程被压缩到了短短六十秒。没错,在不到一分钟的时间里,你的想法就能从抽象的概念转变为一个拥有专业级设计和生产级代码的真实产品。这一切的核心驱动力正是谷歌目前最先进的 ai 模型 gemini 三点零 pro。 它所承诺 的是真正的所见即所得,你得到的不再是静态图片,而是可以直接生成 react、 tellwind 等框架的真实可用前端代码。那么, stitch 二点零究竟要解决什么问题呢?它瞄准的是一个长期存在于科技行业的巨大鸿沟,设计与开发之间的写作难题。对于开发者来说,他们常常感到痛苦不堪, 厌倦了为了实现设计师的像素级完美要求而去处理复杂的 css 布局。他们更希望将精力专注于核心的后端逻辑和功能实现。而对于设计师,他们的困境同样真实, 创意常常因为技术实现的难度而受限,并且时刻担心自己精心设计的作品在开发过程中会失真走样。对于缺少设计师资源的初创公司或独立创业者而言,挑战则更为严峻。 如何在没有专业设计支持的情况下,快速构建一个能够给投资者留下深刻印象的最小可行产品 mvp stitch 的 使命正是要成为连接创意与现实的桥梁,打破这些壁垒, 让任何人无论背景如何,都能够快速高效的构建软件。让我们深入了解一下 stitch 二点零是如何工作的。首先是它的工作台,一个被称为智能化部的界面。 它的设计理念就是简洁,你可以通过最自然的交互方式开始创作,输入一段描述性的自然语言指令,也就是 prompt, 或者直接上传一张图片,一个手绘草图,甚至是一个参考网站的 url。 这里有一个关键的模式切换功能, fast mode 用于快速生成, 而 sync mode 则能让 ai 更精准地理解复杂指令,实现更精细、更具层次感的布局和设计。整个画布是无限的,你可以自由缩放、平移和排列,方便你同时对比和迭代多个不同的设计版本。 stache 二点零最神奇的地方在于,你只需要一句话就能生成一个 app。 比如你可以输入为我设计一个加密货币投资组合的 app, 采用深色模式,带有一些霓虹风格的点缀, 主区域要有一个数据图表。得益于 gemini pro 精准的语义理解能力, ai 能够准确解析这样多层次的指令。在不到一分钟的时间里,一个结构完整、风格明确的设计稿就呈现在你眼前。更棒的是,迭代过程同样轻松,你可以在生成结果的基础上 继续追加指令,比如在底部添加买入和卖出按钮, ai 会立刻为你更新设计。当你灵感枯竭时, stitch 二点零的优洛模式就能派上用场了。优洛,即 you only look once, 它能为你提供意想不到的设计方向, 打破创意僵局。这并非完全随机的创作,你可以指定需要变化的元素,比如保持布局不变,尝试几种不同的配色方案,或者更换所有图标风格。 ai 会在你设定的范围内进行创意发散,一键生成多个风格迥异的设计方案, 极大地提升了设计探索阶段的效率。当然, stitch 二点零的能力远不止于移动应用。当你切换到外部模式,它能深刻理解网页设计的范式, 自动生成符合桌面端浏览习惯的宽屏布局,而不是简单地将移动端设计拉伸。它还具备强大的上下文感知能力。在构建一个多页面的网站时,比如你先生成了首页,再去生成定价页, stache 会自动记住并沿用首页的品牌色、字体和组建风格,确保整个项目视觉上的一致性。 stache 二点零还引入了两个极具前瞻性的功能,首先是预测热力图。在你编辑任何代码之前, ai 就 能根据设计布局预测用户的视觉焦点会落在哪里。 生成一张热力图,这能帮助设计师提前优化界面,确保像立即购买这样的关键行动号召 c t a 按钮能够被用户优先注意到。 其次是一键生成交互原型。你只需选中画布上的多个画板, stitch 就 能自动将它们缝合成一个可以点击的交互原型。你可以直接在原型里测试页面跳转和用户流程,直观感受最终产品的交互体验, 而这一切都无需编辑一行代码。最后也是最关键的一步交付。当设计最终确定后, stitch 二点零真正打通了从创意到产品的最后一公里。你可以一键将设计稿导出为干净结构化的 react tailwind 或原声 html css 代码。你甚至可以将其无缝导出至 google ai studio, 方便进行后续的 ai 功能开发。 下载的 zp 文件包含了所有必要的代码、文件和资源,开发者可以直接在此基础上继续工作,这真正实现了设计及开发的理念。 stitch 二点零不仅仅是一个设计工具,它正在重塑我们创造数字产品的方式。

产品需求沟通,有钱就用 coser plan 模式,没钱就用 a s studio ui 设计 google stitch 完全免费产品开发简单的网页就 kimi agent 模式, 复杂的就 coser 部署上线 virgo 目前最好的选择产品推广宣传 livut 快 速生成各种宣传物料,你 get 了吗?赶快收藏起来试一试吧!



当你不小心点进了谷歌这个网站,又随口说了一句,我想要一套抖音风格的小红书界面。恭喜你,一整套完整的 ui 设计已经帮你做好了。 然后你又一不小心手滑,把所有设计都丢进了谷歌的 a s, 丢丢界面,乃三就开始自动补全功能结构、交互逻辑、 ui 细节。结果他直接给你生成了一个可以交互的 app 原型,电脑、手机都可以直接使用。 这一刻你会发现,用 ai 做的设计已经不是拿来简单看一下的图片,而是一个可以随时上线的产品形态。更关键的是,它不是把几个流行的主键随便拼接在一起, 而是从排版、层级、信息节奏到整体的氛围,都有一套完整统一的设计逻辑。甚至你只需要一句话,就可以让它再生成一套白天的模式, 而不是简单的调亮换颜色,而是用同一套设计思路在不同模式下的延续。这件事情以前基本只有成熟的 u i 设计师才能够做到。所以,如果你是设计师或者产品经理,或者正在思考 ai 能不能够真正的走进我们的日常工作流,那么 wipe design 和 wipe coating 很 有可能会成为二零二六年绕不开的一个方向。真心建议,有条件的一定要亲手试试,因为有些变化只有你亲自去尝试了,你才会真正意识到它意味着什么。点赞关注我是郑轩,持续分享 ai 干货!


每个人都可以轻松做出 app 了,在谷歌的谷歌 apps 里面还藏着很多没有发布的应用,其中这个 stitch 能一键生成全套带 ui 的 应用。刚好马上过年了,所以我打算用它写一个清洗计算器,谨防回家不知道怎么称呼远房清洗,只需要用大白话把要求给了它。然后这个模型我们还是选择它最厉害的模型, 神奇的事情就出现了,它真的就像一个架构师一样,帮你思考程序逻辑,然后把 ui 画出来,效果真的十分精美。 然后全选画布,再点击右上角,发现可以一键导入 a s 丢丢导入之后,然后再点击 build, 不 过几分钟就做出了真实可以操作的软件, 而且交互逻辑一模一样,再稍加调试就可以上架应用商店了。以后真的就是人人可以做应用的时代了。看到这里你激不激动?点好,收藏关注赞,赶紧去做一个属于自己的 app 吧!

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

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


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