stitch如何生成traemcp
今天带大家认识一位 ai 产品设计师 stitch， 这是最新推出的 ai 驱动 ui 设计神器，你只需要选择是想做 app 还是网页端，再跳一个心仪的模型，它就能自动为你生成专属的产品应用。大家快看， 这是我刚刚让它一键生成的 sweetbang 的 专利应用，整个界面是不是非常有质感？而且它最酷的地方在于生成后，如果你觉得哪里不满意，可以直接在输入框里用大白话告诉它。比如添加了一个新的纪念 日卡片，第一次约会它就会立刻帮你修改，甚至你还能直接对着它说话。或者让它一键生成手机和 pad 的 预览模式，看看不同设备上的效果，做好的设计可以导出哦，或者直接复制干净的前端代码给开发用。
粉丝8获赞122
相关视频
00:52查看AI文稿AI文稿谷歌真的不讲武德，帮我设计一套小红书风格兴趣电商网站的 u i， 包括首页、列表页、详情页、订单页、个人中心页等等，正在设计中，请稍等。哇，太棒了！小红书风格的电商网站已经创建好了，你想看看哪个页面 把这些页面生成一套交互原型？我可以设计一套包含订单详情和追踪的完整流程，让你的电商体验更加流畅。正在生成中，请稍等片刻互动流程页面已经完成了！ 一句话，生成一套交互图，能点能动，太适合做屏审了！而且 space 还自带一整套 ui 规范， md 格式的 直接丢给任何 ai 都能读，你自己设计的规范也能喂给它设计和开发。第一次真正打开，这就叫专业！最重要的是完全免费，赶紧去试试吧！关注我，每天一个 ai 小 技巧！
30智艺Ai探险家
21:20475李哈利
02:11查看AI文稿AI文稿朋友们大家好，我们上一期讲了用 sti 做 u i 原型，那这期我们来讲如何将这些原型图转换成我们真实项目的产品。首先我们要把我们的 sti 原型图 导入到黑格玛里边，因为我们的开发工具像雀咬，现在用的比较多的就是雀，他现在有 mcp 黑格玛的 mvp， 那有了飞格玛 mvp 之后，我们在开发页面的时候，他就可以通过 mvp 去调用飞格玛的原型甚至是图标。那比如说我现在要开发这个页面，以这个页面举例，直接右键或者是点导出， 打出到 figma 转换，这个时候我们到 figma 页面来，我们先添加一个页面，这边好了点复制到这边， ctrl c ctrl v 直接粘贴就可以了。我们的圆形图，那在这边我们是可以去调整你不需要的，或者是需要修改的地方，点击从市场添加搜索 figma bigger big 码，我现在用的是这一个，你也可以现在用这一个，它这边需要你输入 bigger 码的 access token， 先返回 access token， 在 我的个人中心里边 setting secure， 我 这边已经生成好了。 如果你没有点击 generate new access token， 这边说一个 token 名字，比如说过期时间可以选九十天， scop 就是 他的权限，这个全点上吧，生成 test 的 好看，点击复制。然后再回到我们的开发工具里面，把你需要的填进去，打开，稍等一下，他会检测你这个 mvp 是 否可用，稍等， ok， 这就说明你的飞格玛的 mvp 配置好了。配置好了之后，我们就可以在这边 build with mcp， 这边你就可以让他去调用你的 mvp 帮你去开发了，今天我们的课程就到这里，再见。
01:41查看AI文稿AI文稿谷歌 stitch ai 设计工具全攻略，一句话打造专业 u i 设计奇迹还在为 u i 设计苦恼，谷歌全新 stitch ai 设计工具来袭，输入一句话就能生成专业 u i 设计。下面是从注册到初稿的保姆级教程， 零基础也能成设计大神！一、极速注册，三十秒上手打开浏览器，搜索 google street i diy， 进入官方平台，用谷歌账号一键登录，没有账号免费注册。登录后进入工作台，界面简洁，操作无门槛。二、 精准输入需求，按行业加场景、加模块、加风格、加适配公式，写提示词，能让设计效果最佳，如电商类、工具类、官网类都有对应势力。三、 上传草稿有手绘草稿，可让设计更契合想法。点击上传草稿，选 j p g p n g 格式图片，标记重点区域， 搭配详细文字提示。四、精细设置参数生成设计前合理设置参数，避免反复修改，包括选择设备类型，移动端或 pc 端设计风格预设或自定义 组建偏好，可保存规范。五、高效生成与优化点击生成设计，一到两分钟产出三到五套方案，选心仪方案，编辑优化，如颜色优化、布局调整、 组建细化。六、快速导出交付生成满意设计后，可按需导出高清图片，用于展示宣传设计员文件，用于二次编辑交互原型，用于沟通提案。适用人群，设计师、电商创业者、 个人项目爱好者话题标签， ai 设计教程谷歌 stitch ui 设计干货，设计师效率神器，零基础做设计！
119原见
01:52查看AI文稿AI文稿上一期我们一起看了 stitch 生成 ui 设计稿的能力，那这一期我们就来看用 stitch 生成设计稿后，用 as studio 部署上线， 让更多的人看到你的项目，那教程呢，我已经整理成了文档，不要忘了点赞关注评论哦。哈喽朋友们，我是阿水。首先我们同样是打开 stitch 网站，选择好我们的项目之后呢，选择 mark， 再选择 a s 丢丢进行创建，这样呢就会跳转到 a s 丢丢的网站，可以看到刚才我们选中的网页呢，已经在这里链接好了，并且提示词呢也给我们自动加入了，我们只需要简单地点击 build 执行就 ok。 执行之后呢，我们的代码就生成好了， 那我们接着要做的就是将我们的代码上传到 github 平台，我们点击设置找到 github 入口，这里呢我们要填入项目名称和项目描述，一般这里呢我们先选择私有，接着点击确定， 然后我们就会进入 github 仓库。那接下来呢，我们就要借助 vcr 网站进行线上部署。打开 vcr 之后，第一步就是和我们的 github 账号进行连接，那好了之后呢，我们就可以看到这样的一个页面， 点击右上角的项目按钮，在这里呢可以找到我们要部署的项目，点击 import 后就会跳转到这个页面，再点击 deploy 就 可以开始部署了。那部署好了之后呢，我们就可以看到我们项目的默认网站，点击这个网站就会进入预览，那这样呢就可以把这个网址 分享给你们的朋友们，他们也就可以和你一样看到这个网站了。那从 stitch 到网站部署上线的工作流就完成了，快在评论区晒出你们部署的页面吧！ ok， 那 这期的分享就到这里，最后一定不要忘了点赞关注评论哦，我是阿水，我们下期再见。拜拜。
23阿水Ai说
02:16查看AI文稿AI文稿hi， 我是 小龙虾，大家都知道我们是一个做软件开发的公司，继之前的贱卖之后呢，今天我又来给大家介绍一个自己干掉自己的工具，那就是谷歌新出的 stitch 加上 ai studio。 说到这里，是不是觉得我这个人很神奇呀？首先呢，你可以把你想要做的软件，用文字或者说粗糙的图片放进这个 stitch 里面，比如我这有几张之前的非常粗略的草图哈。嗯，我们把它放进去， 然后呢，我给他说帮我生成 u i 设计图啊，过一会他马上就给我输出了这些逻辑非常严密的 u i 设计图，再给他提出优化的要求啊，你比如我把这个要求给他放进去哈， 那优化的界面这就出来了。然后呢，选择我满意的设计图给谷歌 ai studio。 刚刚我们的 stitch 呢，是帮我们去生成 ui 设计图，这个 ai studio 呢就是去帮我们生成代码的。好，我给他提出我的要求， 比如让他帮我构建一个应用，参考以下界面，我把界面这些都复制进去， 最好是生成 v u 一 点 j s 的 ps 版本，组合式的代码路由，使用 root four， 如果需要缓存呢，可以使用 p n y。 那 么我们来看一下最后它会出来什么页面生成，这就完成了。完成之后呢，我们把它下载到本地， 这个时候的页面呢，一般都会有一些问题，但是不要慌，我们可以加载项目，打开 ide 代码助手，让 ide 助手自己去检查错误， 那你看他会自己去运行项目，自己检查，那这些就是他检查修改的内容。最后我们的网站就开发完成了，还是 v u a 三加 t s 框架的哦。
16捷路软件开发
05:21查看AI文稿AI文稿就在昨天晚上，谷歌更新了他们的设计 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 的 设计师是真的要失业了，那感兴趣的小伙伴可以去试一试，感受一下他的强大之处。
4388觅码有料
00:52
06:25查看AI文稿AI文稿比如说在高速服务区开个酒吧，来填补服务区不卖酒的这个市场空白。今天我们不聊 web coding， 我 们来聊个 web designing。 谷歌去年发布了这个叫 stitch 的 黑科技产品。啊，不是这个 stitch， 是 这个 stitch， 他的推出直接解决了大部分设计场景的难题，有人说他是设计师的终极梦想，也有人说他是设计生涯的噩梦，他的推出直接干翻了很多创业团队和 sas 工具，我亲身实测了三个月，他确实很好用，所以今天这期视频有一点算教学视频，他适用于所有不会设计的小白，干货满满。废话不多说，我们直接开始。 在设计之前，我们可以先想一个创业 idea， 比如说在高速服务区开个酒吧，来填补平时不卖酒的这个市场空白，可以让旅途匹配的乘客们停下来喝个酒，小酌一下解解乏，我说的不是司机啊，嗯，不要瞎想。首先是第一种最常见的用法，就是用自然语言生成网页或者 app， 我们打开 stitch， 输入我们的需求，然后我们可以看到这里有个色盘，可以选择我们这个网页的主要配色，然后让我们来选择一下这个比较赛博朋克的颜色。好，左边的对话框已经出来这个网站的基本样式了，然后我们等一下， ok， 现在这个 app 的 整体框架就出来了，我们可以看一下整体的设计效果，然后对哪里不满意，我们就点击一下，你看就自动扩展到这个对话框了。 就是首先这个点单界面，你作为一个酒吧，你怎么可能只有这四款酒，所以我们点击一下它，然后输入，很明显酒品不够，请继续增加酒类。好了，新的菜单出来了，但是我们看这个新的菜单很明显上面有很多 bug， 很多图片是显示不出来的，这就是它现在出了问题，然后我们就继续扩着它，然后输入 请给我更多款式的酒，然后每一款都配上图片。 ok， 现在设置这个版本我们看起来也不错，然后把刚刚两个不要的扔到一边，把这四个需要的选择下来，然后点上面的 generate， 我 们可以预览一下这个界面， 我们可以看到右边有个 ai 预测热力图的这个效果，这个功能很屌，因为 ai 它会预测用户会点哪，会看哪，你可以直接根据这个来优化布局，我们可以看到点了这个上面会出现虚线，这就是热力图圈起来的地方。 ok， 下面让我们来浏览一下这个网页， 挺丝滑的，然后每个按键上都有跳动，然后他也帮我们设计了新的功能， 然后稍微高级一点的用法就是你用其他的 ai 来写一份设计说明书塞给他，这样他生成的方案可能会精确的多。 然后第二种就是手绘草图，秒变网页，这种适合对自己的画工比较有自信的朋友。然后我们来试一下这个功能， 然后我画了一张我理想中的酒吧主页图，然后看他能不能帮我设计出来，我们来输入这个提示词，然后既然要开酒吧吗，就让我们会想到红酒，然后所以我也希望他帮我设计出一个比较有意识风格的图来， ok， 让他生成，大家可以看到我画的这张图非常的有艺术感，顶部功能区，然后有一个拿着酒杯的意大利女生，然后喝酒有害健康的 slogan， 我 觉得这个图画的还是不错的，看他生成怎么样。 ok， 网页也出来了，这个网页的排版不是很好看，如果觉得不好的话，大家可以多生成几次，因为他也跟抽奖一样，毕竟你文案也是有随机性的， 我们可以看到，呃，每个按钮他都是有动效的，他也在我的 slogan 之上润色了一下，然后啤酒的分类也是有效果的，然后底下一句装逼的话， ok， 这个网站大概就是这样。 然后是第三种，是更加简单也更加好用的作弊方法，就是如果你想做出非常专业的网站，但是你又不会写 prompt， 你 又不会手绘，你可以直接把喜欢的网站截图丢给 stitch， 虽然他不会像素级的复刻，但是他会完美抓取你那个网站的大部分颜色啊，字体啊，包括他的灵魂，其实还原的还是不错的。然后我们来上手试一下， 然后我们在网上随便搜一家酒吧的主页，然后就以这个网站为例，他有还不错的动态效果，然后他的功能非常齐全，我们来截一张图，把他直接喂给 stitch， 叫他模仿这个网站，然后来帮我生成我这个项目。 然后我的要求是高级，因为他只有一张截图嘛，所以我让他向下自动补全完整网页，然后因为原版是英文，所以我希望生成一个中文网站，然后提交，感觉这个功能稍微有点慢。 ok， 出来了，我们可以看到整个网站的色调，包括风格其实和原网站还是比较对应的，然后甚至他还做了一个渐变的效果，然后我们把两个网站放在一起对比一下，大家可以看一看，功能很齐全，然后每个 icon 你 放上去都是有一些动态效果的，设计非常的不错，然后滚动也非常丝滑， 大概的效果就是这样了，我只是随机给大家展示一下，如果你对这个网页哪里不满意，你还可以继续为提示字给他继续去修改，继续去润色，然后多抽几次卡，也许会抽到你比较满意的版本。 stitch 的 这个界面也不错，他这个无限缩放的画幕就像 figma 一 样，所有的设计稿都在一个无限大的画布上，你可以随意的拖拽，修改文字和图片都可以，自由度还是蛮高的。 生成完整个应用，如果你觉得这个版本满意的话，你可以点右上角的 export 导出，你点击 figma， 等一会，下面会出现一个 copy 按钮，然后你可以把刚做的设计 copy 到 figma 的 界面上，在 figma 里面你可以修改文字，然后修改更多的细节，修改 icon， 修改 button 都可以。 以上就是最常见的三种使用方法。看到这里你是不是觉得设计师可能快要失业了？在过去几个月的实测中，我也发现了几个大坑，这个产品他也没有你想的这么完善。 首先第一他还在贝塔测试阶段，很多功能，比如团队协助 u i l 提取自定义组件库之类的， 他目前经常都用不了，还有待优化。然后第二就是速度太慢了，生成一次设计肯定要等好几分钟，我统计了一下，平均我每次生成的时间在两分三十秒到三分钟之间，而且每次还可能生成一些艺术性翻车的方案，需要反复调整。 第三就是他的审美眼光依旧有待提高。 ai 生成的东西虽然可以节省你手动设计的时间，但是要达到商用的标准，还是需要你手动去调很多东西的，比如说颜色、字体、排版之类的，毕竟我觉得目前人类的审美能力还不是 ai 可以 取代的。 ok？ 最后做个总结， stitch， 它确实大大降低了网页设计的门槛，对于像我这样的创业者或者设计小白来说，它的的确确是个神器，它能帮你完成一个产品外观上从零到一的雏形，但是后面从一到一百的精细化还得靠你自己， 哪怕现在的 google ai studio 也没这么好用，还得靠那些代码来完成。那么问题就来了，如果未来动动嘴，点点手机就可以做出一个产品，你最想做什么样的产品呢？欢迎在评论区交流。那么今天的视频就到这里，这里是 bryce， 我 们下期再见。
177碳基玩家Bryce
03:53查看AI文稿AI文稿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 的 赛博达子，咱们下期见！
513木马_MUMAI
03:02查看AI文稿AI文稿一分钟看完一周 ai 大 事。 chat gpt 上线 ppt 插件，常驻 ppt 侧边栏，给他文档和数据，就能生成可编辑的换登片，还能保留公司模板，写总结报告，再也不发愁了。 codex 再进化，电脑息屏也能远程派活，躺在床上也能给客户发文件。全新上线购物模式，告诉他目标验收标准。 ai 能工作几个小时，直到任务完成。 codex 已成为最强 ai 员工一用一个不吱声。 openai 新模型推翻了数学界八十年猜想，给出 全新最优解， ai 正式升级 level。 四能做出原创发现。 google 发布 ai 科学家整合所有科研工具， ai 组成科研团队，自己提假设、找证据，互相挑战，多轮 pk 后筛选出最优方案。 google 推出统一多模态大模型， 丢给他任意素材直接返给你作品。目前最猛的是视频编辑能力，号称视频版小香蕉。 google 升级 ai 画布，语音实时改稿，一边说一边调，还能生成 ui 动效，通过 m c p 双向打通设计和代码改完一键部署上线。 figma 彻底坐不住了。 ai studio 上线 android app 生成，一句话就能生成能安装的安卓应用。 g m i 三点五定档，六月发车，正面迎战 g p t 和 cloud。 三洒最强战力同时登场，直接开启巅峰对决。 阿里发布国产最强大模型，主打编码和智能体，综合跑分接近三傻字节开源统一多模态模型，一个模型搞定图像视频的生成和编辑。腾讯开源最强翻译模型，能准确翻译不同领域的专业术语。 gini 接入 google 街景，动动嘴就能把真实的城市变成能互动的虚拟世界。 odyssey 连发两个王炸世界模型。 starchild 是 首个实时多模态世界模型，樱花同步的 npc 能跟你语音聊天。 agora 是 首个多智能体世界模型，支持四名玩家在同一个虚拟世界互动。 ai 原声游戏有了雏形。 阿里开源直播试穿模型，给他一个模特图和几套服装，就能让模特在直播过程中穿上不同的衣服。 oncat 开源最强数字人模型，给他一个角色和一段音频，就能生成自然的口播视频，支持几人轮流对话，适合做播客、演短剧、虚拟主播。搞 ai 创作的同学狠狠把住研究源开源视频版 controlnet， 给他一个示意图，就能秒懂你的意图，生成符合要求的视频。 研究源开源室内设计世界模型，上传户型图和风格参考，就能生成指定装修风格的全景视频，还支持 vr 浏览。 madam 发布最强配音模型， 给他一段视频就能生成匹配的音效。亮点是放弃 b a 解码，直接生成原始波形，声音更真实。研究员开源最强语音识别模型时，真的录音也能准确转录成文字。 阿里发布实时翻译语音模型，一边听一边翻，还能实时克隆你的音色说外语。 ai 终于进化成随身同传，光学计算迎来重大突破。科学家成功创造出光物质混合粒子，既有光的速度，也有物质的强，相互作用力，不带电刻且质量为零， 能完美替代电子进行信息传输，直接终结了 ai 耗电问题。科学家已经用它实现了全光切换，未来 ai 比电还要便宜。
3.9万产品君
01:37查看AI文稿AI文稿我去，兄弟们，成了终，终于成了，总共用 ai 一个亿，赚两万块钱，请媳妇吃大餐去， ok， 然后我们来说一下啊，首先呢，我们先通过记迷你 创建一些智能体，首先，然后把这些信息传入到自己生成设计稿，再传到 ai studio 生成出版的代码啊，然后我们可以添加一些自己想要的其他的东西啊， 然后导入到 github， 然后再用 menu 子润色一下，这个基础的代码就已经生成了。然后呢，我们再通过 cloud code 生成一个完整的架构， 这个架构包含前后端，然后包括部署，然后现在就是一个基础的样子。然后呢，我们接下来通过 os code 编辑，然后通过我们国产大模型质谱四点七，然后再做一些完善， 也就是说把架构变成真实的代码， ok， 现在代码就已经全部完成了。然后呢，给大家看一下，这是大概的样子， ok， 然后这有可以选做，然后有我的，这里面有我的预约学习周报，张强，还有一些设置， ok， 还有一些消息， ok， 然后还有一些积分商城，就是我们我选做获得的积分可以用来换取一些东西。 接下来我会进行一个 ai 计划，计划大家有什么想要制作的 app 可以 评论，在评论区我会抽一个点赞最高的应用，每周直播开发这个新应用，然后被吃掉的用户可以获得这个应用的百分之十的原始收益权，快把你的想法留在评论区吧。
1.1万AI 厂长
01:13查看AI文稿AI文稿新手小白不用写代码，挑战用 ai 做出一个 app， 上期我们讲到了用 stitch 制作 app 的 ui， 我 们现在就要让这套 ui 变得可以点击，也就是我们要正式进入前端代码生成阶段。当然为了节省时间，我就直接用我之前跟 stitch 多轮对话后产出的 ui 来讲解了。 首先我们框选所有的画布，然后这里可以点击导出这个选项，选择 a s studio， 最后右下角点击使用 a s studio 构建，它就会自动跳转到 a s studio 的 界面，等待输入窗口同步完所有的内容，然后直接点击 build， 然后就耐心的等待它给你构建就好了。 现在你会发现你做出来的 u i 可以 变成真正可以点击的软件了。接下来就是检查各个界面的点击跳转是否正常了，我们只要发现哪个画面的跳转逻辑不对，也是可以直接在对话窗口告诉 a s 丢丢让他去修复的。直到你的所有功能都测试正常之后， 那咱们就点击左上角的 code， 也就是查看原码，然后右上角点击下载。紧接着咱们就要进入下一个阶段的开发了， 也就是让这些功能真正的活过来。那么到这里恭喜你学会了前端代码，我们下一期要讲的将要用到的软件是 anti gravity， 大家可以提前到这边去安装，我是卡卡，下期再见。
152Karma看世界
04:28查看AI文稿AI文稿接下来要失业的可能是设计师，因为 web 之战真的来了。你看，我在 ipad 上画了一个极其极其潦草的草图，这是一个网站首页大致的样子， 然后我把它导出到 macbook， 再拖到 google stitch 里，我要求它根据这张图帮我设计一个网页。 第一版完成的还行， stitch 给了一个科技媒体极简风的设计风格，包括大卡片的布局、无衬线字体等等，看起来挺舒服的，只不过右边不是人物，这跟我画的不一样。于是又经过两轮的沟通，一个项目相应的初稿就完成了。 刚才我演示的就是最新版的 google stitch， 它跟之前版本最大的区别是，它从一个简单的文本生成 ui 的 工具，全面升级为 ai 原生的设计平台。 你别以为这就是一个版本的更新，整个市场对此的反应都相当相当剧烈。你看，新版发布之后， figma 的 股价暴跌了百分之八点八，创下一个多月以来最大的单日跌幅。 我看到 x 上有不少设计师对此嗤之以鼻，觉得 stitch 出的东西很低级，很垃圾。但我想说的是，一年之前，有很多程序员对 ai 编程也是这么看的。那现在呢？ 我认为新版本 stitch 的 发布是一个标志性的事件，它预示着 wpg 战略的到来。第一，新版本 stitch 带来了无线画布。新版界面围绕无线画布构建，跟 figma 之类的软件很像，用户可以把文本、图片等等素材全都放到画布上， ai 会自动读取这些元素作为上下文进行理解和推理。为什么无线画布这么重要？因为设计师本质上是一个空间思维者， 当他们把元素放在一起，那就暗示着他们是相关的，根本不需要文件夹、标签之类的东西来建立联系。而且设计的过程天然就在局战略和像素级执行之间反复切换。无线画布的缩放机制完美匹配了这种节奏， 设计师可以一眼就看到全部的遍体和参考素材之间的关联模式。所以对于设计师来说，如果像之前一样只有一个对话框的话，那真的没法干。 无线画布一定是 web 站的标配。第二，新版本 stitch 带来了设计文档。专业的设计需要一致性， stitch 允许你把设计系统以 markdown 的 格式导出，这意味着你可以把整个 d 站点 md 文档放到别的工具里使用。比如，你可以先在 stitch 里完成从零到一的过程，当你觉得设计系统符合你的需求了，再把文档导出来放到 curl code 里进一步开发。 第三，新版本 stitch 带来了直接编辑的功能。用 ai 做设计一个非常麻烦的地方是，你想做任何的改动都得再跑一遍提示词，如果碰上指令遵循性差一些的模型，可能越改越错，血压真的会飙升。而新版本 stitch 允许你直接编辑， 你完全可以直接上手做些调整。这种回归了传统设计工具所见及所得的编辑体验真的太美好了。这三个更新我认为是最核心最重要的，有他们保底， web 抵战这件事才能成立。 我自己是从 web coding 早期一路体验下来的，从 vs code 到科室再到 clock code， 我 用着这些 ai 编程工具，眼睁睁看着他们从最初只能做代码的补全，到现在可以替代普通的程序员， 甚至现在这么火的 openclaw， 也就是龙虾，都是托他们的福才能诞生。你再来看今天的 web design， 是 google search 出的华语乐潮，还只能做标准化的网页，但是它底子已经打好了， 对于非专业设计师来说，用它做一个初稿完全没有问题，这个发展路径跟隔壁的 web coding 基本一致，不是吗？那你想想，半年一年之后呢？ ai 做设计的审美肯定会提升，它所擅长的也不会再只是网页，还会包括 app 的 设计等等。 所以等着吧，欢迎之后来挖坟，看看我说的对不对。 ok， 以上就是本期内容，想了解 ai， 想成为超级个体，想找到志同道合的人，就来我们 new type 社群，那咱们下期见！
1047黄益贺
02:21查看AI文稿AI文稿通过 stitch 工具实现 i r 驱动的原型设计全流程，关键步骤如下，一、工具核心优势一、 无线调用 gemini 模型，支持三点零 flash 快 速生成和三点一 pro 高精度输出双模式切换。二、设计开发，一体化输入提示词直接生成 u i u x 草图，支持 h t m l c s s 代码导出，适配科室瑞等 ai 编程工具。三、交互式编辑，可对 ai 生成结果进行二次调整，保留人工控制权。二 步设计法一、框架规划，先定义导航结构，如未登录页 tab bar， 再系划二级页面任务详情等交互场景二、提示词工程开发婚礼代办助手小程序 u i u x 要求，一、 底部踏板含首页我的两个按钮。二、中文界面加粉紫色低饱和度主题。三、包含任务创建、进度追踪功能。三、圆形生成，多页面批量选中后一键生成，可交互圆形。四、效果验证， 实时预览页面跳转逻辑与视觉一致性。五、代码对接，导出 html 文件，供 ai 编程工具 一比一还原开发三、实战技巧，风格控制，在提示词中指定 material design、 三、规范等具体设计语言元素附用，通过设计系统功能，保持多页面组建统一性。避坑指南一、 中文需求需显示声明，避免默认英文输出。二、复杂交互，需分阶段生成， 先框架后细节。三、颜色代码建议用 a g x 格式精确控制该流程，将传统三天的原型设计压缩至两小时内完成，特别适合个人开发者快速验证创意。 关键成功因子在于精准的需求拆解，输入质量决定输出质量加颗粒，系统根据这个生成视频。
29代码敲累了做个饭
00:38查看AI文稿AI文稿给大家分享一个小技巧，怎么去生成网站的 o g 图？ o g 图就是你往社交媒体分享的时候的那个图片， 那我们可以用 stitch 去做这个事情，把网站的首页可以做个截图发给他，在这里告诉他帮我生成十六比九的网站 o g 图。然后我们看一下效果，这里它就开始制作了。好，这是它生成出来的一个效果， 我觉得还不错，还比较吸睛，当然你可以让他再去调整了，但是我觉得这是一个比较好的办法，大家可以尝试一下。
34自说自话的江哥
01:54查看AI文稿AI文稿好，现在的话我们就是说落地已经订满，订满之后我们就可以导入的 google s studio 来进行写代码。你怎么导入？你点击导出，然后选择的话 s studio， 然后选择好，它现在的话还没有出来，稍等一下，看到图片还没有出来好，全部删完之后呢，我们点击勾键 可以看到它正在写代码了，正在思考， 我们 重新构建 好，现在的话已经写完，写完之后呢，我们就可以放大看一下，可以看到我们是我们想要的这个界面。 ok， 我 们这一版就已经完成。那我们也可以优化一下，比如说我们看它就是移动端，好看到已经是支持的。
65AI张禹
