粉丝504获赞1.9万

最近,谷歌实验室悄悄放出了一波王炸更新,他们把原本只能随便画画截图的 ai 设计工具 stitch, 直接进化成了足以硬钢 figma 的 全能 ai 设计平台。最离谱的是什么?这款集成了最新 gemini 大 模型和全套 ai 算力的神器,现在居然是完全免费的! 以前我们看到好看的网站只能干瞪眼或者手动去吸色,但现在的 stitch 加入了一个堪称杀手级的功能。 如果你觉得某个网站的风格特别对位,只需要把它的网址复制粘贴进 stitch, 它瞬间就能像吸星大法一样,把这个网站的设计规范全部提取出来,包括主色调、副色调、字体库,甚至图标和按钮的排版样式。 然后, ai 会利用这套提取出来的高级审美作为上下文,为你生成一套全新的 ui 设计。不用担心侵权,因为它提取的只是颜色的组合和氛围感,完全避开了版权风险。 ai 画的 ui 好 看,但程序员接手就抓瞎没规范啊!谷歌这次借鉴了 ai 写代码时常用的 agents 点 md 逻辑, 在 stitch 里首创了 design 点 md 文件。这玩意儿相当于一份全自动续设品牌设计说明书。你不仅能在格式化界面里随意调整主题,还能直接把这个文件导出到你的代码编辑器里。以后你们公司做任何新产品里随意调整主题,还能直接把这个文件导出到你的代码编辑器里。以后你们公司做任何新产品,只要挂上这个文件,所有页面的画风就能保持绝对的统一。 如果你以为它只能出几张静态图,那就太小看它了。 stitch 的 底层现在升级成了一个设计智能体系统,你可以自由切换,让 gemini、 三点零、 flash 还是 pro 模型来为你打工。针对生成的页面,它可以直接生成交互式原型,也就是自动把页面连起来,让你像玩真实的 app 一 样点来点去, 不满意怎么办?他还接入了双向交互的 gemini live 模型,支持真正的语音设计,你可以直接对着屏幕说话,让 ai 帮你改 y 平台还内置了 nano banana。 二、图像模型能根据你的提示词,比如给我来个未来科幻风格,一键生成带精美配图的各种排版方案供你挑选。 图画好了怎么变现? stitch 打通了从设计到开发的最强生态闭环。除了能导出给 fig 码或者直接生成 react 代码,它最牛的一点是一键导出到 ai studio, 只要附带上一句提示词, ai studio 就 能无缝接力,直接把你的设计稿写成一个包含真实数据库和用户身份验证的全站应用程序。比如 next js 项目,它甚至能顺手帮你把产品需求文档、项目简报也给自动写好。 总而言之, stitch 已经成了一款对非专业设计师极度友好的神器。你不需要懂复杂的图层和蒙版,只要你知道自己想要什么,手里有几个参考网站,剩下的全交给 ai 就 行了。大家觉得这款免费的谷歌神器未来会干掉 figma 吗?你们平时都用什么工具做设计或者写代码呢?

google switch 太疯狂了,设计师真的要失业了!每天一个强大的网站第九十八期今天要讲的是,这是谷歌刚刚上线的 ai 设计产品,仅需一张草图或一段提示词,它就自动生成全套设计稿。无论你是网站开发者,电商行业创业者,还是在摸索一人公司的普通人,这个工具能帮到你。比如想开发一个深色调的跑步打卡应用, 就直接调用工作流,从配色方案、首页历史记录到运动详情、个人资料全套生成,甚至考虑到容易忽略的细节,点击预览就可以看到页面呈现效果,还能进行修改、跳转、增加页面等操作,真的是指哪改哪。更贴心的是, 还能直接导入谷歌 studio 进行开发,导出图片,给领导审核,导出代码,进行编程,甚至连需求文档都做好了。更关键的是,这么好用的工具竟然免费使用!恭喜你又获得一个信息差!

谷歌推出詹姆奶驱动的 ai 设计工具 stitch, 简化前端开发,革新设计行业。 stitch 升级为 ai 原声 web 设计平台,更智能、快速、强大创作能力前所未有。 stitch 重大升级想法,实现更简单,设计效率极大提升,创意实现更轻松。 stitch 提供 ai 原声画布、图像代码、文本并行处理,彻底改变设计流程。 stitch 可替换 logo 评估设计生成 prd, 构建落地页,功能强大。 stitch 引入语音 web 设计,免提操作,实时反馈,高效获取设计灵感。 stitch 展示屏幕提供即时原型自动生成,下一步灵活管理品牌规则,免费体验。 stitch 只需谷歌账户,开启你的 ai 设计之旅。 stitch 重大更新,重新设计的 web 设计平台正式亮相,更智能高效。 stitch 界面换新 ai 原声画布,支持 ai 设计系统,提供全面创作空间。 stitch 的 ai 原生画布配备代理管理器,协同完成任务,大幅提升效率。 stitch 新增即时原型功能, ai 自动生成界面,快速预览交互,大幅缩短原型设计周期。 switch 提供强大的生成、修改和预览功能,设计效率倍增,确保最佳呈现。 ai 原生画布可同时处理代码、图像和文本,统一管理设计资源,提高效率。代理管理器方便跟踪项目进度,清晰了解每个代理状态,确保项目按计划进行, 无需代码。 stitch 即时预览交互流程, ai 自动生成下一步界面,简化原型设计。 stitch 支持 gemini live agent 语音控制, ai 设计,实时调整方案,实现语音交互。 自定义主题、颜色、字体等细节导入网站设计,一键复刻风格,高效创建个性界面。谷歌推出 ai 原声 web 设计平台 stitch, 简化高保真设计,自然语言,轻松迭代和构建原型。关注全球 ai 速递,获取更多 ai 前沿资讯。

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

家人们谁懂啊?现在 ai 生产力卷到离谱,隔几天就出个王炸新品!今天实测是 touch ui 设计,零基础也能秒出 app 界面,看完直接惊掉下巴!咱啥设计功底都不用,纯傻瓜式操作,奏出一句提示词, 拍照识别食物卡路里, ai 直接秒出整套设计系统。最开始是英文版,一句指令改成中文 页面,分分钟直接搞定。这款工具每一点都超实用,一、出图超快,几分钟搞定,关键还免费, 界面简约高级不敷衍。二、能直接生成,可交互原型,能点能滑,快速预览产品流程超方便。三字令识别超精准,说改哪里就改哪里。四、导出格式超全,网页版 图片都能出,还能直接复制到废工,细化对接工作零障碍,客观说缺点也得避坑。中文识别一般需要魔法上网才能用,改单个地方会大局重生成, 容易打乱原有细节,但整体真的是生产力神器!零基础做 app、 设计师、输出稿、创业者做原型都能用!

今天和大家分享的是一款 web design 的 ai 设计工具,那作为设计师或者是做产品经理,我们经常用 figma 这样一款设计工具,那 这款工具将会完全打破 figma 这种传统意义上的设计工具。它是谁呢?它就是 google 的 stitch 啊,这款诞生在谷歌实验室的一款 ai 设计工具正在风靡全球,那我们会看到 figma 这家平台上市的股价 影响是非常大的,那到底怎么去使用呢?他有两种方式,一种是移动端应用的方式,还有一种是桌面网站的设计方式,他可以两种方式进行切换,那比如说我让他帮我设计一款 a i 穿搭的移动通用。那好,那这里面我们可以选择模型,它里面是有几个模型可以选择的,包括 flash, 包括 syncing 啊, redesign, 还有下面这个,那我们先默认用 flash 这样一款,然后发送给 ai, ok, 那 这时候 这样一款 ai 工具,它就会通过一个无线画布的方式,自动帮我去设计我所想要的移动端的这款穿搭应用的这些设计稿了。那它相比于传统的飞哥们而言,它直接通过模型的方式帮我去渲染,而且是通过这种氛围式的 设计啊,和氛围编程很相近,所以它就是一款设计界的一款 cad, 就 叫 google 的 stitch, 所以,哎,它里面就会正在渲染,我们可以稍后看一下它渲染后的页面,我们可以先切换到啊,他帮我去设计好的页面这样一款 设计工具,它有好处就在于它是整套的,帮我去设计好整个的设计规范,包括了配色,整个按钮的样式,所以它默认设计出来是这样一种风格的,哎,这样一款 ai 穿搭的平台,但它默认是这种英文的设计风格,我可以持续去对话,比如说让它变成中文的, 哎,这时候就会变成中文的,他会自动把英文变成中文的啊,我们可以看一下啊,主界面的 ui 设计都可以做出来了。当然我也可以让他换一个风格,比如说让他去帮我换一个新的设计风格语言,那他就会自动帮我去换一个新的设计风格语言。哎,这种 啊,非常高级的配色啊,让我们看一下整体的这个效果,我觉得,嗯, 堪比一个非常高级的设计师,做出来的效果是非常棒的,我们看一下整个效果,非常棒,有那种非常啊棒的一些设计语言和设计风格。同样啊,我们可以选中这个,选中这个之后,他有个 modify 啊,然后我点修改,这样的话,他就可以把这张图片可可以给我变成一个可修改的一个元素,我就可以去直接修改里面的一些元素了,包含里面的一些文案,包括一些图标啊,哎,我就可以正常去修改了,这些图标,我甚至可以让 ai 重新再帮我去生成这个图标, 这里面所有的元素都是可以去修改的,那如果我觉得没有问题,我就可以直接把它导出了。那他导出之什么格式呢? 导出支持 a s studio figo 啊,包括其他不同格式的啊,都可以,但也可以直接导出 即时的这个原型啊,非常棒。所以如果你是产品经理或者是设计师的话,那这样一个设计工具啊,非常适合我们的产品经理和设计师去使用啊,非常棒。 那目前这款设计工具是在 google 的 实验室里面开放的,目前是完全免费去使用的,那么感兴趣的小伙伴大家可以去体验一下。我是小北,关注我眼里有光,一起成长。

看, 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 从零到一,辅助我设计并落地一个真实案例。我是大木,我们下期见。

hi, 今日体验 google stitch ui 设计师的神器!打开 stitch, 先体验一下原型图加提示词, 选择 thinking with 三点一 pro 也可以选择设计系统,点击生成 先生成一个简单的设计系统页面生成了,生成的是英文版的,整体感觉还好,接下来我们尝试直接在关键词写上中文提示。 生成的中文版的网页在设计美观度上没有很好,更像一个高保真的圆形图。再次打开之前生成的英文版本的,让它在此基础上生成中文版, 预览一下还是不够精致,像一个高保真圆形图,现在只保留提示词生成网页,这样设计感美观度上就好很多了。 如果布局颜色之类的想更换下拉,选择变体,勾选你想优化的方面生成变体 生成的图片可以在线编辑啦。点击右侧编辑功能,可以修改文案,替换修改图片,也可以导出选择 figma, 直接复制到 figma 中编辑。也尝试了一下 app 设计活动网页的设计不讲实际,落地的话就设计感美观度是很不错的,使 ui 设计一个非常强大的助手。

google 用 stitch 二点零亲手砸了专业设计师的饭碗, figma 一 家这两天直接跌没了百分之十二。 u i 设计的底层逻辑从今天起,彻底变天了。以前啊,是你提具体需求,让设计师来构思出图。现在只要你有个想法, ai 呢,就能直接出高保真成品。 是在为小白翻身而兴奋,还是在为自己的技能贬值而焦虑呢?以前做设计是手工拼组建,现在呢,是 vibesign。 别管你是产品经理还是独立开发者,这套二零二六年最前沿的工作流,我教你三步,直接复刻,看完就能用。建议点赞、收藏、分享给朋友哦。 第一步,手绘草图,秒变高保真,别再折腾什么组建库啦,直接把你随手画的相框图拍照扔进 stitch, 瞬间生成带交互带完整设计系统的 south landing page。 这种从制作者到审阅者的降维,打击效率提升不止十倍。 第二步,利用 voice canvas 实时调优,你只需要对着屏幕说,换个暗色系,给我三种不同的导航布局。以前设计师呢,要改大半天,现在 ai 啊,实时改完,直接点击 play 就 能跑交互原型逻辑跳转全自动。 第三步,打通设计到代码的闭环,这也是最硬核的王炸。 stitch 二点零呢,只是 design markdown 协议,通过 m c p server 可以 直接接入 cloud code codex。 以后啊,设计稿不再是图纸,而是直接流入开发的结构化资产。中间那层人肉翻译的前端工作,正在被 ai 彻底吃掉。 这种能让普通人直接绕过专业门槛的降维神器,强烈建议你啊,先点赞收藏起来。二零二六年, ai 的 路径非常清晰,先吃代码,再吃设计。 转发给你身边做设计、做产品,做开发的朋友,帮他提前啊,避开这个坑。 ai 时代,拼呐,从来不是谁的手快,而是谁的方向更准。我已经把 stitch 二点零的官方入口和那份 design markdown 协议实战手册整理好了, 感兴趣的可以评论区聊聊哦!关注我,我是陈凡,带你了解更多能落地的 ai 商业玩法。


ai 真的 极大地解放了生产力,上一次我做一个 ai 草图生成网站,前前后后花了整整一周时间,而这次借助谷歌生态链,仅仅三个小时就让网站直接上线了。如果大家不想看设计过程,直接跳到四分钟就行。 接下来我先给大家介绍一款能解放 ui 界面设计,我只和他对话了两次,第一次我告诉他,我要设计一个 ai 草图生成器网站的 ui 界面,网站域名是 control tab, 它马上就生成了四个极具科技感的界面,包含首页、画廊、工作台和定价界面。由于直接生成的是英文版本, 我又跟他说生成一个中文版本,然后点击运行就能在线浏览原型界面了。检测无误后,直接导出到 ai speedo。 整个 ui 界面设计我仅仅花了十五分钟。下面说说谷歌生态链的第二部。 ai studio stitch 和 ai studio 能够无缝连接,我让它帮我生成一个网页,参考之前的界面,还能从 html 中热链接图片。在这个过程中,我对网页做了一系列的修改和功能。添加一,点击首页的开始创作, 可以直接跳转到工作台。二、删除价格页面。三、添加图像编辑工具。四、实现画板缩放功能。五、添加颜色选择器。六、添加撤销功能。 七、集成风格预设八、添加画笔工具,并对其进行扩展。九、添加形状工具,同时具备形状工具预览功能。十、添加文本工具,并且增强文本工具的功能。十一、支持保存草图。 十二、添加更多的画笔功能,像毛笔、蜡笔、描线、喷墨、喷砂等等。十三、增加图层管理和调整层历史记录功能。十四、优化画笔笔触。十五、画布默认设置为白色背景,没有图片。同时新增导入图片功能, 还能调整导入图片的大小,并且删除裁剪功能。十六、解决导入图片后移动和缩放的问题,避免图片移动过远。同时新增画布尺寸调整功能,不过尺寸最大限制为一千零八十 p。 十七、解决图纸放置后无法在图片上绘图的问题。 十八、去掉导入图片自带的当前颜色边框。十九、让导入后的文本内容也可以被修改。二十、修复放置文本时,点击删除图标 文本没有删除,而是直接放置在当前位置的问题。二十一、实现生成艺术按键的功能,并说明生成成功后图片的显示位置。二十二、把 ai 生成的图形放在 画布下面单独的一个空间,方便浏览历史 ai 图片,并且支持下载。二十三、工作台页面设置两个画布空间, 采用上下结构放置上面的画布供用户画画,下面的画布显示 ai 生成的图片。 ai 生成历史区域可以放在下面画布的右侧或者下面,而且 ai 生成的图片不要直接 放在用户画画的画布中。二十四、当选择使用 ai 生成的图片时,要能够调整图片的位置和大小。 二十五、点击清空按钮,要能清空用户画布中全部的内容,包括导入的 ai 图片,目前需要点击两次清空, 后续要优化为一次清空。二十六、画布中的放大和缩小按键,只放大画布中内容的大小,而不是整体的画布尺寸。二十七、完善画廊页面中奇幻建筑、角色设计、抽象按键的功能,点击全部显示所有作品,点击不同的类别 显示对应风格的作品。我和 a s d o。 总共对话了三十三次,免费次数用完了,不过剩下的一些小 bug 并不影响整体功能, 所以可以直接在 google cloud 上线。 a s d o。 总共花费了两个小时。下面为大家展示已经上线的仓储 top 网站,在首页大家可以看到图片有量按变化,文字和图片逐行显示的效果。接着进行工作台演示, 我在上面画了一瓶可乐、一朵花和一棵草,还展示了橡皮擦功能、形状功能、放置文字插入图片功能、 画布大小调整撤销功能、调色功能、蜡笔刷以及画布旋转和镜像等操作。最后给大家展示不同风格的图片。第一张是百分之一百 ai 创造力的现代主义风格,第二张是百分之零 ai 创造力的现代主义风格。 第三张是百分之一百 ai 创造力的蒸汽朋克风格。后面的也都是百分之一百 ai 创造力。 第四张是像素艺术风格,第五张是国画风格,第六张是油画风格,第七张是水彩风格,第八张是动漫风格,第九张是铅笔素描风格,第十张是三 d 渲染风格。

嗨,家人们,设计行业又迎来重大更新啊啊, gucci 是 号称啊外不抵弹啊,对着话不说话,你就能够直接做设计。更新的当天, figma 国家打跌了百分之八点八,有五大亮点,我们一个一个介绍一下。 第一个是无线画布,以前做设计需要输入一句话,然后等待出图,现在他有了一个真正的工作台,你可以把参考图,然后把文案或者代码片段直接扔进去,然后 ai 结合你的上下文帮你进行设计,更像是在跟一个智能的设计师在写作。 那第二个亮点是更智能的啊, a 镜头能力,他现在能够记住你的项目的修改历史,然后不是从零开始去理解你的每一次的需求,还能帮你去推荐多个方案。比如你想尝试三种不同风格的首页,他会并行帮你去设计,会互不干扰。 然后第三个亮点是云交互啊,这个图片我想改一下圆角啊,然后或者整个背景我想改成白色。那以前我需要打字输入, 现在你不需要去打字了,只需要点击这个按钮,你对着它说就行了,不用停下来打字,然后边看边改,效率会高很多。而且这不是单方面的语音的输入,而是 你跟 ai 进行对话,它里面也会有一个 ai 的 声音问你,你要怎么改怎么调啊,所以这个也是它比较大的一个亮点, 你可以通过这种语音的方式,你可以随时去调整,然后告诉他你要怎么设计啊,有未来的所有的产品,我和 ai 的 时候都会加入语音交互这种方式,因为它太方便了,我只需要跟他对话,等一下就能够直接帮我工作。然后第四个亮点是及时原形, 以前出的都是静态图,那现在你只需要点击一下播放按钮,设计稿就能直接变成可以点击交互的原型,那系统自动帮你算好点这个按钮跳到哪个页面, 你也不需要手动的一根一根的去连线了,然后他自己会,哎呀,会自己帮你去创建连续的可交互的 正确的一个原型。这原型它就已经帮我制作好了啊,我现在就可以直接点击进行交互切换啊,各种界面啊。这个原型设计的还是有问题的,因为我没有加任何的 设计系统设计规范。那第五个亮点是新增了 design markdown 啊,就是把你的设计规范,你的配色,你的字体, 你的投影的风格写成一个 markdown 的 文档,不管是给 stitch 用,还是给 cloud code 或者 cursor 啊,这些 ai 的 编程工具用,它都能够读懂,所以这个 markdown 文档它是通用的 啊,这样的话,设计规范的设计系统,它不只是局限在一个工具内啊,所有的 ai 的 编程的工具它都能用啊。那具体怎么增加呢?我可以在这里 啊,点击这是你的设计系统,我可以在这里点击从创建新的设计系统,然后点击这个设计马克当,然后你把这个马克当的文档直接复制在这个输入框内啊,然后啊,点击应用,然后你所有的设计稿就会应用这个设计规范,请你应用之后,你可以选择自己的设计规范 啊。那这次呢, google 其实更新了一个词,叫 web 底下,那跟之前火过的 web 扣定是一个思路啊, web 扣定是不用写代码描述想法就能出程序, 那 web 几单呢?是不用学设计工具,你只需要说想法,只需要通过语音的方式说,然后你就能够开始做自己的设计。那以后呢?万物应该呃皆可 web 那 最后官方的介绍和网站的地址我已经放在评论区了,那大家自己可以领取,大家自己也可以去体验一下。

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

google stitch 的 横空出世,似乎彻底改写了 u i u x 设计的未来。那些一直不愿学习 figma 等设计工具的开发者,这次可能真的歪打正着了。 其实, google stitch 是 一个 ai 驱动的无线画布工具,能帮你轻松生成各种 u i u x 设计。它会根据你的需求提供网页和应用界面等多种视觉方向的设计稿。 关键是你只需描述一下氛围,无论是通过文本截图还是 url, stitch 就 能生成设计。更厉害的是,它还能瞬间把这些设计变成可交互的原型。 这次 stitch 带来了五大升级,包括 ai 原声画布、智能设计代理、语音交互和即时原型。但真正特别的地方在于,它还能生成设计系统和迭赞的 m d 文件,让设计过程更智能高效。 换句话说, ai 工具对传统 css 框架造成了巨大冲击,比如 tailwind css 就 因此裁掉了百分之十五的工程团队。因为当 ai 能直接生成设计时,手动编辑 css 的 需求自然就减少了。 stitch 的 设计提取功能非常强大,只需一个网站 url, 它就能瞬间构建出设计系统。接着你甚至可以用语音指令,比如给我做一个聊天界面来快速生成新的应用屏幕。

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

就在昨天,谷歌上线了一款东西,设计师看完要集体失业了。今天分享的是四季最新版,只需要输入你的想法,就能直接出原创设计感,不管你是做电商的还是搞 size 的, 模板直接套用,更牛的是你随手换的草稿, 他也能直接给你变成专业设计感。支持苹果安卓平板下载。首先点我视频右下角的分享箭头,再点一下复制链接, 然后打开这个蓝色雷子,进去之后它会弹出一个资源包,没有弹的话就搜索水墨宝库,进去之后找到三月份软件文件夹,找到对应的安装包,点击保存去下载就好了。