stitch框选修改教程

不得了了，兄弟们，在 stitch 这个地方新增了一个功能，任何一个你的 u i， 只要点击这个 preview， 你 点击这个 new tab， 你 就会看到它就能立刻给你生成一个网页。不要以为这只是静态的页面图片组成，它是有交互的，你看到没，它是有交互的。 包括这里，它已经成为一个简单的 u i 设计，变成了带有交互设计，你甚至可以把这个分享给别人。这个是一个 price 页面，真的，赶紧去看看，这些地方全部都是有 u x 设计的。

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

教大家一个小技巧啊，如何局部的修改某一块样式，并把它 应用到你的实际的项目代码中。首先选中你要修改的这个页面设计，然后输入你想改动的提示词，像我想在上面加个样例，展示出参考书的样例和一个结果。样例就是 给用户看吧，央利上传了一张什么样的原图，并生成了一个什么样的效果，然后一次生成三张，他就给我生成了三张这样的设计，然后我对这个比较满意， 我就右键复制他的代码，然后粘贴到你本地的一个 html 中，你就得到了一个这样的页面。但是我想局部修改这个位置，我就需要把下边的代码先删除掉，把它删除后啊，我们回来刷新 就得到了我们想要的代码。这时候再回到你的 ai 编辑器里边，告诉他在我原有的字段上方加入这个样例灵感的区域，然后把刚才的代码直接发送给他，就可以得到一模一样的页面啦。

当你在 google 前意外加上 labs 并点开左上角的 experiments 时，你会发现这里陈列着谷歌最前沿尚未正式发布的 ai 应用。 接着，你找到了其中的 stitch 工具，将我提供的提示词输入进去，让它设计一款食物卡路里识别 app 的 ui。 令人惊喜的是，它立刻生成了一整套完整的应用界面。注意，不是单个页面，而是整套 ui。 之后你按下 ctrl 加 a 全选这些设计，又不经意间点击了右上角的三个点，发现这里竟支持导出。冷静下来后，你点击右下角的导出到 ai studio， 再轻轻点选下一步。 十分钟后，你惊讶地看到它已经依据效果图自动将整个 app 开发完成，界面与设计图完全一致。而最令人惊叹的是，右上角还提供了一键部署功能，这效率实在强大。接下来，我们一起看看实际效果吧！

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

一句话就可以生成一个 app 或者一个网站，谷歌又一个隐藏的神器被我挖了出来了，你只需要在 google com 前面加一个 left， 进入这个界面，点击 experiments， 鼠标往下滑，找到 stitch， 我 们就可以用这个工具来复刻网站或者做手机 app 的 原型图， 甚至你随手画了一张草图，它都能够帮你优化成非常好看的界面。有了这些圆形图，你肯定在想怎么才能把它们变成真正的网站或者 app 呢？方法其实很简单的，谷歌早就帮我们想到了，我们可以在 stitch 丝滑的导入到 google ai studio。 那 做网站和 app 不 就水到渠成了吗？接下来我将带你快速的过一遍我是怎么用 stitch 复刻一个苹果的官网以及做一个新作测评的 app， 你 来看一下，我要复刻的就是这个苹果官网。我先把这个网页呢截图保存 存下来，为了严谨一点呢，我还特意的问了一下 jimmy 怎么写提示词，我把 jimmy 给我的提示词复制好，来到 stitch 的 界面，选择网页设计，然后呢，把提示词粘贴进去，顺手把刚刚截图的苹果官网也丢给它。模式呢，我选择 resize。 然后呢，我点击右下角这个箭头，它就开始干活了。 你可以看到左边是我丢进去的截图，右边呢就是 stitch 重新设计复刻出来的苹果官网，实话说还挺像的。这个时候，如果我想把它变成一个真正的网页，我只需要点击一下这个圆形图，在上方的末这里选择导 出，还有各种的导出形式。我选择的是 ai studio， 它就会跳转到我们熟悉的这个界面，而且还会顺带地把刚刚生成的圆形图也带了过来。我什么都不用干，只 点一个 biu， 然后等成品就可以了。没过多久，一个复刻版的苹果官网就出来了，你来看一下。效果是真的不错的，标题栏，换灯片，下面的产品展示，包括底 部的信息都非常的完整。我试了一下切换手机的模式，看看界面也是可以正常显示的，而且你还可以点击右上方，把代码下载下来，自己部署你。 你也可以上传到自己的 app 号，或者直接在谷歌这边部署，甚至呢，把这个链接分享给别人也没问题，是不是还挺简单的？那除了做网站，做 app 也是可以的。我想做一个新做测试的小 app， 我 就把我的想法告诉 jimmy， 让他帮我生成相关的提示词。然后呢，继续把提示词丢给 stitch， 他 又开始 自己动起来了。没过多久就给我生成了两个圆形图的页面。当我发现有一页是英文显示的，很简单，我只需要点击 edit， 然后把它导入到对话框，告诉他把这页变成中文，他就乖乖的改成了中文版。 我把英文那页删掉框选剩下的两页，再次导入到我们熟悉的 ai studio， 继续点击那个 build 的 按钮，很快，一个星座缘分测试的 app 就 做出来了，我来测试一下。我输入我的姓名跟生日，再选择了 angelababy 的 资料，尝试 p 配了一下，结果发现我这个处女座双鱼座还是蛮般配的。不错不错，你还会看到这个页面有保存结果和分享的 按钮，只是呢，我还没有设计其他的页面，所以呢，点了也没有反应，我只需要把其他的页面继续补出来，并且不断的测试，不断的调整，最后部署上线那一个完整的新 星座测试 app 就 可以使用了。所以看到没有，现在的员工真的时代有一个明显的变化，也就是不是你会不会做的问题了，而是你敢不敢动手把它做出来。当 ai 工具已经简单到普通人只需要负责出想法，那真正拉开差距的就不再是技术了，而是你的动手能 力，你自己有没有一些好的点子，但是呢，一直没有做出来，那我今天分享的这个工具呢，可能就可以帮你实现了。如果你也做出来了一些成果，欢迎在评论区里跟我讨论一下。 ok， 以上就是今天的所有内容，我们下期再见。

我去，兄弟们，成了终，终于成了，总共用 ai 一个亿，赚两万块钱，请媳妇吃大餐去， ok， 然后我们来说一下啊，首先呢，我们先通过记迷你 创建一些智能体，首先，然后把这些信息传入到自己生成设计稿，再传到 ai studio 生成出版的代码啊，然后我们可以添加一些自己想要的其他的东西啊， 然后导入到 github， 然后再用 menu 子润色一下，这个基础的代码就已经生成了。然后呢，我们再通过 cloud code 生成一个完整的架构， 这个架构包含前后端，然后包括部署，然后现在就是一个基础的样子。然后呢，我们接下来通过 os code 编辑，然后通过我们国产大模型质谱四点七，然后再做一些完善， 也就是说把架构变成真实的代码， ok， 现在代码就已经全部完成了。然后呢，给大家看一下，这是大概的样子， ok， 然后这有可以选做，然后有我的，这里面有我的预约学习周报，张强，还有一些设置， ok， 还有一些消息， ok， 然后还有一些积分商城，就是我们我选做获得的积分可以用来换取一些东西。 接下来我会进行一个 ai 计划，计划大家有什么想要制作的 app 可以 评论，在评论区我会抽一个点赞最高的应用，每周直播开发这个新应用，然后被吃掉的用户可以获得这个应用的百分之十的原始收益权，快把你的想法留在评论区吧。

这是一个连手写字都能无痕修改的口袋神器，一天一个趣味网站第四十二期，今天分享的是超级智图，只要框选你想修改的文字，输入新内容，十秒钟就能无痕替换。 字体、颜色、背景等自动匹配，放大看也没有差异。无论是电商改价格、海报改日期、自制表情包都可以轻松完成。软件还有超多原创爆款海报，大厂出品且免费使用，非常方便拿来随身修图印记。

这是一个能帮你无痕改掉任何图片上文字的神器！今天分享超级制图，操作简单到离谱，图片拖进去，框住文字，输入新内容，三秒直接替换完成原图。什么字体、颜色、大小、阴影效果，它全都自动对齐。不用你调一个参数， 设计小白也能一次成功！实拍图、手写字、活动海报、电商主图、表情包通通都能改，而且改完一点违和感都没有！最狠的一点是免费！

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

这是一个能够无痕修改任何图片文字的神奇工具，它是讯飞旗下的免费制图软件，操作非常简单，你只需要上传图片，然后框选要改的文字，输入新内容，几秒钟就自动搞定。并且字体大小、颜色、阴影效果全都和原图完美匹配，改完完全看不出 p 图痕迹。不管是实拍图、手 写字还是海报文案，想改哪就改哪，连参数都不用调，再也不用花钱请人 p 图了，关键还免费，就非常好用！