Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

测试了一圈设计工具，Claude Design在听懂人话方面完胜 个人感觉它最厉害的地方是，会先帮你把问题理清楚、把需求细节都确认到位，然后才动手 系统提示词里有两句挺关键的： “好的高保真设计不是凭空开始的，而是建立在已有设计上下文之上” “从零开始设计是最后手段” 下面是我分别用Claude Design、V0、Figma make快速直出的个人面板，同一提示词，效果差异明显 上下文了解越充分，明显产出效果更好

Saccc_c's profile picture

Sac

24,740 subscribers

19,190 Aufrufe • vor 3 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

兄弟们 发现一个牛P的AI设计网站 设计的界面非常精美、炸裂，完全可以直接使用。 最重要的它大幅的简化了对设计提示词的要求 你只要简单描述你的设计需求即可，它会先给你出一套非常详细的设计方案，让你选择，再开始设计 最牛P的是它还能根据界面设计上下文逻辑 为你生成剩余的二级三级页面... 而且还支持对页面各种元素 、文字、图像等进行精准编辑
2:45

兄弟们 发现一个牛P的AI设计网站 设计的界面非常精美、炸裂，完全可以直接使用。 最重要的它大幅的简化了对设计提示词的要求 你只要简单描述你的设计需求即可，它会先给你出一套非常详细的设计方案，让你选择，再开始设计 最牛P的是它还能根据界面设计上下文逻辑 为你生成剩余的二级三级页面... 而且还支持对页面各种元素 、文字、图像等进行精准编辑

小互

57,767 Aufrufe • vor 1 Jahr

🚨Stitch 这次升级不得了，我觉得重点不是多了几个功能，而是 Google 正在重写 AI 设计工具的定义。 1/ Google 昨晚更新了 Stitch，官方给它的新定位很直接： AI-native software design canvas。 2/ 翻译成人话就是： 它不想只做一个 “你写一句 prompt，我给你几张 UI 图” 的工具了。 3/ 这次更新，核心就 5 个方向： 无限画布 更聪明的设计代理 语音交互 即时原型 设计系统 + DESIGN.md 4/ 最值得看的第一点，是 AI 原生画布。 现在的 Stitch 不只是吃 prompt。 还可以把 图片、文本、代码 一起作为上下文。 这说明它开始更像“设计工作台”，而不是一次性生成器。 5/ 第二点，是 agent 变强了。 Google 这次明确说，新 design agent 能理解整个项目演进过程，而且还有 Agent manager，支持你并行探索多个设计方向。 6/ 第三点，是 语音进入设计主流程。 你可以直接对着画布说话 让 Stitch 一边听一边改 还能给你实时设计反馈 7/ 第四点，是 即时原型。 现在 Stitch 可以把静态设计快速变成交互原型，点一下 Play 就能看 flow，甚至还能自动补出逻辑上的下一屏。 8/ 第五点，是很多人会低估的 DESIGN.md。 Google 把设计规则做成了一个 agent-friendly markdown，支持导入、导出、复用，还支持从 URL 提取设计系统。 9/ 所以这次 Stitch 真正从“帮你出图”，走向“参与整个设计流程”。 10/ 一句话总结： 2025 年的 Stitch，更像 UI 生成器。 2026 年这次升级之后，它开始更像 AI 设计工作台。
1:29

🚨Stitch 这次升级不得了，我觉得重点不是多了几个功能，而是 Google 正在重写 AI 设计工具的定义。 1/ Google 昨晚更新了 Stitch，官方给它的新定位很直接： AI-native software design canvas。 2/ 翻译成人话就是： 它不想只做一个 “你写一句 prompt，我给你几张 UI 图” 的工具了。 3/ 这次更新，核心就 5 个方向： 无限画布 更聪明的设计代理 语音交互 即时原型 设计系统 + DESIGN.md 4/ 最值得看的第一点，是 AI 原生画布。 现在的 Stitch 不只是吃 prompt。 还可以把 图片、文本、代码 一起作为上下文。 这说明它开始更像“设计工作台”，而不是一次性生成器。 5/ 第二点，是 agent 变强了。 Google 这次明确说，新 design agent 能理解整个项目演进过程，而且还有 Agent manager，支持你并行探索多个设计方向。 6/ 第三点，是 语音进入设计主流程。 你可以直接对着画布说话 让 Stitch 一边听一边改 还能给你实时设计反馈 7/ 第四点，是 即时原型。 现在 Stitch 可以把静态设计快速变成交互原型，点一下 Play 就能看 flow，甚至还能自动补出逻辑上的下一屏。 8/ 第五点，是很多人会低估的 DESIGN.md。 Google 把设计规则做成了一个 agent-friendly markdown，支持导入、导出、复用，还支持从 URL 提取设计系统。 9/ 所以这次 Stitch 真正从“帮你出图”，走向“参与整个设计流程”。 10/ 一句话总结： 2025 年的 Stitch，更像 UI 生成器。 2026 年这次升级之后，它开始更像 AI 设计工作台。

比特币橙子Trader

16,604 Aufrufe • vor 4 Monaten

Lovart是我第一次感受到AI真的在改变设计行业： Lovart 是全球首个AI设计智能体，它为设计师专门优化了UX和产品整合，显著提高效率和精确度。而这两点对设计师来说太重要了。 以下我会分享几个在10-30分钟内使用Lovart完成的设计工作。 1. 先看以下官方介绍视频：
3:56

Lovart是我第一次感受到AI真的在改变设计行业： Lovart 是全球首个AI设计智能体，它为设计师专门优化了UX和产品整合，显著提高效率和精确度。而这两点对设计师来说太重要了。 以下我会分享几个在10-30分钟内使用Lovart完成的设计工作。 1. 先看以下官方介绍视频：

汗青 HQ

49,174 Aufrufe • vor 1 Jahr

Google Stitch 大更新：号称是 Vibe Design 对着画布说话就能做设计 Figma 股价大跌8.8% 带来 5 大升级： 🎨 无限画布：以前是输入一句话等出图，现在有了一个真正的工作台。你可以把参考图、文字说明、代码片段全扔上去，AI 结合这些上下文帮你设计，更像在跟一个设计师协作。 🧠 更智能的设计 Agent： 它现在能记住你整个项目的修改历史，不是每次从零开始理解你的需求。还能同时帮你推进多个方案，比如你想试三种不同风格的首页，它并行帮你搞，互不干扰。 🎙️ 语音交互：“这个按钮大一点""配色换暖色调""导航栏改成深色"，对着它说就行。不用停下来打字，边看边改，效率高很多。 ⚡ 即时原型： 以前出的是静态图，现在点一下播放键，设计稿直接变成可以点击交互的原型。系统自动帮你算好"点这个按钮跳到哪个页面"。不用手动一根根连线了。 📐 新增了 DESIGN.md：把你的设计规范（配色、字体、风格）写成一个文件，不管是给 Stitch 用还是给 Claude Code、Cursor 这些 AI 编程工具用，都能读懂。设计规范不再锁死在一个工具里。
1:29

Google Stitch 大更新：号称是 Vibe Design 对着画布说话就能做设计 Figma 股价大跌8.8% 带来 5 大升级： 🎨 无限画布：以前是输入一句话等出图，现在有了一个真正的工作台。你可以把参考图、文字说明、代码片段全扔上去，AI 结合这些上下文帮你设计，更像在跟一个设计师协作。 🧠 更智能的设计 Agent： 它现在能记住你整个项目的修改历史，不是每次从零开始理解你的需求。还能同时帮你推进多个方案，比如你想试三种不同风格的首页，它并行帮你搞，互不干扰。 🎙️ 语音交互：“这个按钮大一点""配色换暖色调""导航栏改成深色"，对着它说就行。不用停下来打字，边看边改，效率高很多。 ⚡ 即时原型： 以前出的是静态图，现在点一下播放键，设计稿直接变成可以点击交互的原型。系统自动帮你算好"点这个按钮跳到哪个页面"。不用手动一根根连线了。 📐 新增了 DESIGN.md：把你的设计规范（配色、字体、风格）写成一个文件，不管是给 Stitch 用还是给 Claude Code、Cursor 这些 AI 编程工具用，都能读懂。设计规范不再锁死在一个工具里。

小互

112,932 Aufrufe • vor 4 Monaten

为什么同样是AI 开发，别人做的页面看起来就很高级，而你的总是差一点感觉？ 其实不是你代码不行，而是你少做了一件事：设计系统搭建。所以本期，我会分享如何从零开始搭建一个高颜值的前段组件系统，并应用到项目上
3:15

为什么同样是AI 开发，别人做的页面看起来就很高级，而你的总是差一点感觉？ 其实不是你代码不行，而是你少做了一件事：设计系统搭建。所以本期，我会分享如何从零开始搭建一个高颜值的前段组件系统，并应用到项目上

Paidax

103,576 Aufrufe • vor 2 Monaten

Codex 重磅更新：Product Design 插件上线！ 以前 Codex 代码强但 UI 审美常被吐槽 上世纪风，这次直接把产品设计思维装进大脑，审美和专业度瞬间拉满！ 下面视频展示了我用最新 Product Design 插件设计的三个网站，完全不输高级设计师～ 先设计，后开发：它不再是直接盲写代码，而是先给你 3 张不同风格的高保真参考图！ 确认了审美，再开始写代码，这种 设计驱动 的流程太专业了。 丝滑的滚动叙事、动态背景、视频卡片，交互细节拉满。 这种先定审美、再定交互、最后落地的流程，才是未来 AI 开发的终极形态！
0:43

Codex 重磅更新：Product Design 插件上线！ 以前 Codex 代码强但 UI 审美常被吐槽 上世纪风，这次直接把产品设计思维装进大脑，审美和专业度瞬间拉满！ 下面视频展示了我用最新 Product Design 插件设计的三个网站，完全不输高级设计师～ 先设计，后开发：它不再是直接盲写代码，而是先给你 3 张不同风格的高保真参考图！ 确认了审美，再开始写代码，这种 设计驱动 的流程太专业了。 丝滑的滚动叙事、动态背景、视频卡片，交互细节拉满。 这种先定审美、再定交互、最后落地的流程，才是未来 AI 开发的终极形态！

爱丽丝呀！

139,019 Aufrufe • vor 2 Monaten

我现在尝试的方案是： 1. 先用 出一个大概的风格，可以扩展不同的设计风格和布局，它可以把当前设计打包成一整套提示词，导出给其他 agents 使用。 2. 在其他 agents 比如我用 Replit ⠕ 还原，基本粘贴它的提示词都能完美还原，然后让 Replit 再基于这个设计完成其他页面和功能。(Replit agent 4.0 支持 canvas 也可以生成不同风格和布局的设计) 3. Replit 绑定 Github 后代码是实时同步到你的 repo 的，基本满意后 fork 到本地，让 Claude Code 重构。
0:26

我现在尝试的方案是： 1. 先用 出一个大概的风格，可以扩展不同的设计风格和布局，它可以把当前设计打包成一整套提示词，导出给其他 agents 使用。 2. 在其他 agents 比如我用 Replit ⠕ 还原，基本粘贴它的提示词都能完美还原，然后让 Replit 再基于这个设计完成其他页面和功能。(Replit agent 4.0 支持 canvas 也可以生成不同风格和布局的设计) 3. Replit 绑定 Github 后代码是实时同步到你的 repo 的，基本满意后 fork 到本地，让 Claude Code 重构。

Ding

56,474 Aufrufe • vor 4 Monaten

Fable的前端效果真的神了，一句话生成的效果。 在线体验： 提示词：做一个3D页面，里面的内容是一个Walkman磁带播放器，但是造型是符合2026年设计理念的科技、简约、高级的形态。播放器有完整的操作按钮，能打开磁带和插入磁带，按下播放按钮开始播放当前文件夹里的mp3文件，快进快推也要有对应的效果。
0:44

Fable的前端效果真的神了，一句话生成的效果。 在线体验： 提示词：做一个3D页面，里面的内容是一个Walkman磁带播放器，但是造型是符合2026年设计理念的科技、简约、高级的形态。播放器有完整的操作按钮，能打开磁带和插入磁带，按下播放按钮开始播放当前文件夹里的mp3文件，快进快推也要有对应的效果。

Gorden Sun

50,278 Aufrufe • vor 1 Monat

发点工程细节，洞洞板就是这么从平放的状态树立起来的，下面有一排共计13个轮子，上面是11个，宽2.3米38个孔，高2.2米36个孔，共计1368个螺丝（纯人工手拧！！！） 感谢尾羽 爹帮忙拧螺丝 目前测试效果良好，唯一的问题是手动卷扬机的空间不足，有机会可以改成电动的
0:29

Sensitive content

发点工程细节，洞洞板就是这么从平放的状态树立起来的，下面有一排共计13个轮子，上面是11个，宽2.3米38个孔，高2.2米36个孔，共计1368个螺丝（纯人工手拧！！！） 感谢尾羽 爹帮忙拧螺丝 目前测试效果良好，唯一的问题是手动卷扬机的空间不足，有机会可以改成电动的

天天

110,386 Aufrufe • vor 1 Jahr

现在我们 vibe coding 做产品，基本都是交给 AI 一把梭。 功能写得飞快，但设计这块，像UI、颜色、字体这些，基本都是AI 给啥就是啥，能用就行 就算想改，也不知道该怎么改，纯靠主观感觉 后来我才发现不是不在乎设计，而是根本不知道一个「好的设计」应该是什么样 这个时候，一个成熟、完整的设计标准规范就显得很重要了 而这个东西，叫「设计系统」。 设计系统本质上就是一整套涵盖颜色、排版、间距、icon、组件等的标准规范，在做产品时，按照这个规范来实现就好了 但我们这种非设计师出身的，要想设计一套靠谱的设计系统，那真是太难了 今天我来分享一个网站，收录了各家大厂的设计系统，像Apple、Adobe、Google、Ant Design。颜色系统、icon、排版、字体等，整理得非常完整，都能在里面找到
0:37

现在我们 vibe coding 做产品，基本都是交给 AI 一把梭。 功能写得飞快，但设计这块，像UI、颜色、字体这些，基本都是AI 给啥就是啥，能用就行 就算想改，也不知道该怎么改，纯靠主观感觉 后来我才发现不是不在乎设计，而是根本不知道一个「好的设计」应该是什么样 这个时候，一个成熟、完整的设计标准规范就显得很重要了 而这个东西，叫「设计系统」。 设计系统本质上就是一整套涵盖颜色、排版、间距、icon、组件等的标准规范，在做产品时，按照这个规范来实现就好了 但我们这种非设计师出身的，要想设计一套靠谱的设计系统，那真是太难了 今天我来分享一个网站，收录了各家大厂的设计系统，像Apple、Adobe、Google、Ant Design。颜色系统、icon、排版、字体等，整理得非常完整，都能在里面找到

Corey Chiu

38,008 Aufrufe • vor 6 Monaten

看到 Sam Altman 在采访中提到他在开发 Sora 的时候，为了学习 TikTok 而试着用了一下，结果开始上瘾每天刷 TikTok 3 个小时，最后不得不卸载掉割以永治（ 算是个很有趣的细节，证明了如今短视频作为一个设计出来就是让人上瘾的复杂系统已经发展得多么精妙了：即使是相同系统的构建者也会不自主地沉迷其中。
1:31

看到 Sam Altman 在采访中提到他在开发 Sora 的时候，为了学习 TikTok 而试着用了一下，结果开始上瘾每天刷 TikTok 3 个小时，最后不得不卸载掉割以永治（ 算是个很有趣的细节，证明了如今短视频作为一个设计出来就是让人上瘾的复杂系统已经发展得多么精妙了：即使是相同系统的构建者也会不自主地沉迷其中。

safari

20,971 Aufrufe • vor 13 Tagen

又是一个特别帅的 Electric Border 特效，纯 CSS。 怎样让 Card 设计摆脱 AI 味，怎样让 border 更炫酷，这个特效加到 Pricing 的 Card 上面，会不会让提升付费率 😄 看了一下实现，还是很佩服设计师的思路。迭了好几层的 Overlay 来实现加各种滤镜，我想知道这个思路是不是必须要学设计才能想出来？ 代码地址：
0:38

又是一个特别帅的 Electric Border 特效，纯 CSS。 怎样让 Card 设计摆脱 AI 味，怎样让 border 更炫酷，这个特效加到 Pricing 的 Card 上面，会不会让提升付费率 😄 看了一下实现，还是很佩服设计师的思路。迭了好几层的 Overlay 来实现加各种滤镜，我想知道这个思路是不是必须要学设计才能想出来？ 代码地址：

Viking

33,629 Aufrufe • vor 11 Monaten

今天在Producthunt发现一个AI模型Kombai，可以理解Figma的界面设计并生成对应的前端代码，下面是他们官网的演示视频。 从演示来看生成的代码还是不错的，它的优势在于他不要求设计稿的格式、层级和是否使用组件，无论你怎么嵌套和画出的界面它都能理解。 这比之前通过传统工程化思路从设计稿生成代码要强多了。之前的一些工具要不是处理不了复杂样式，要不就是对设计师的设计稿格式有非常严格的要求。 同时这个模型也支持通过自然语言生成前端界面的代码。 官网链接：
2:32

今天在Producthunt发现一个AI模型Kombai，可以理解Figma的界面设计并生成对应的前端代码，下面是他们官网的演示视频。 从演示来看生成的代码还是不错的，它的优势在于他不要求设计稿的格式、层级和是否使用组件，无论你怎么嵌套和画出的界面它都能理解。 这比之前通过传统工程化思路从设计稿生成代码要强多了。之前的一些工具要不是处理不了复杂样式，要不就是对设计师的设计稿格式有非常严格的要求。 同时这个模型也支持通过自然语言生成前端界面的代码。 官网链接：

歸藏(guizang.ai)

78,671 Aufrufe • vor 3 Jahren

Claude + Figma 这个组合彻底颠覆前端！ 早上按到 Figma 和 Claude 打通这个事情，第一反应是打开 OpenCode 配置好 Figma MCP，结果效果很不好，以为就那样...... 结果刚刚试了下 claude code，安装 plugin 之后，结果太牛逼了，一个非常复杂的 Figma 设计稿，一次出来的结果就基本 95% 以上OK了，有问题的都是些小细节，已经可以取代我前端那个员工了
0:30

Claude + Figma 这个组合彻底颠覆前端！ 早上按到 Figma 和 Claude 打通这个事情，第一反应是打开 OpenCode 配置好 Figma MCP，结果效果很不好，以为就那样...... 结果刚刚试了下 claude code，安装 plugin 之后，结果太牛逼了，一个非常复杂的 Figma 设计稿，一次出来的结果就基本 95% 以上OK了，有问题的都是些小细节，已经可以取代我前端那个员工了

nash_su - e/acc

42,879 Aufrufe • vor 5 Monaten

Claude Code 的创建者Boris 教你如何用好Claude Code 和 Claude CoWork Claude Code的创造者Boris最近上播客分享了他自己的工作流。 看完之后我觉得，比起官方文档，他嘴里漏出来的实操经验有意思太多了。 1、Cowork底层就是Claude Code 很多人以为Cowork是个新产品。 其实它跑的是Claude Code同一套Agent SDK，同一个大脑，只是换了个图形界面。 你之前觉得Claude Code太技术了？现在直接试Cowork，能力一样，门槛低很多。 2、别一个个串行，要并行 Boris同时开5-10个Claude跑不同任务，在它们之间来回切换。 第一个Tab给任务出计划，不等做完就跳第二个开新的，一圈转回来第一个计划已经出了。 有人说"Claude好慢我自己更快"。单个确实，但你同时跑五个试试？ 3先出计划，再让它动手 Boris几乎每个session都从Plan Mode开始。 先让Claude出计划 → 你审一遍 → 满意了再切自动执行。 他说了句很精辟的话："计划对了，代码就对了。" 花两分钟审计划，能省二十分钟返工。Cowork同理，它提方案你再确认。 4、给Claude"眼睛" Boris说提升效果三板斧：最强模型 + CLAUDE.md + 让Claude验证自己的输出。 第三个最容易被忽略。 他的比方：蒙着眼睛画画，画得再好也有限。让Claude看到自己的输出（跑代码、看渲染、检查表格），质量直接上一个档。 5、用最贵的模型反而省钱 Opus虽然单价最贵，但一次搞定不用来回纠正，实际token消耗更少。 用小模型看着便宜，花在引导和修正上的时间算下来可能更贵。 直接上最强的，省的是你的时间。 6、现在就值得上手 Boris说Cowork现在像一年前Claude Code刚出来，"还早期但已经每天在用了"。 他的起步建议：别折腾配置。装好桌面端 + Chrome插件，挂个文件夹，从简单任务开始玩。 "没有正确的使用方式，找到适合你的路就行。"
42:07

Claude Code 的创建者Boris 教你如何用好Claude Code 和 Claude CoWork Claude Code的创造者Boris最近上播客分享了他自己的工作流。 看完之后我觉得，比起官方文档，他嘴里漏出来的实操经验有意思太多了。 1、Cowork底层就是Claude Code 很多人以为Cowork是个新产品。 其实它跑的是Claude Code同一套Agent SDK，同一个大脑，只是换了个图形界面。 你之前觉得Claude Code太技术了？现在直接试Cowork，能力一样，门槛低很多。 2、别一个个串行，要并行 Boris同时开5-10个Claude跑不同任务，在它们之间来回切换。 第一个Tab给任务出计划，不等做完就跳第二个开新的，一圈转回来第一个计划已经出了。 有人说"Claude好慢我自己更快"。单个确实，但你同时跑五个试试？ 3先出计划，再让它动手 Boris几乎每个session都从Plan Mode开始。 先让Claude出计划 → 你审一遍 → 满意了再切自动执行。 他说了句很精辟的话："计划对了，代码就对了。" 花两分钟审计划，能省二十分钟返工。Cowork同理，它提方案你再确认。 4、给Claude"眼睛" Boris说提升效果三板斧：最强模型 + CLAUDE.md + 让Claude验证自己的输出。 第三个最容易被忽略。 他的比方：蒙着眼睛画画，画得再好也有限。让Claude看到自己的输出（跑代码、看渲染、检查表格），质量直接上一个档。 5、用最贵的模型反而省钱 Opus虽然单价最贵，但一次搞定不用来回纠正，实际token消耗更少。 用小模型看着便宜，花在引导和修正上的时间算下来可能更贵。 直接上最强的，省的是你的时间。 6、现在就值得上手 Boris说Cowork现在像一年前Claude Code刚出来，"还早期但已经每天在用了"。 他的起步建议：别折腾配置。装好桌面端 + Chrome插件，挂个文件夹，从简单任务开始玩。 "没有正确的使用方式，找到适合你的路就行。"

小互

41,650 Aufrufe • vor 4 Monaten

妈的，终于把 Chrome 上的 Gemini 开了 录个视频教大家怎么开启 如果你也跟我一样，所有的方法都用了，还是不行，而且你是 macOS 系统的话。 你直接把系统语言改成英文，它重启后就出来了。 首先就是 Chrome 的设置： 1. 把 Gemini 相关的所有开关都打开 2. 然后再把所有的 Chrome 浏览器地区设置成美国 这个流程可以用命令行去完成，也可以用现成的项目（如下面所发）去完成 然后关于谷歌账号和系统的设置： 1. 把你的 Google 账号地区改成美国 2. 把 Google 账号语言设置成英文 3. 刚才我提到的 Google 浏览器也需要改成英文 在 macOS 上，如果想把 Google 浏览器改成英文界面，需要把你整个系统语言都设置成英文
3:56

妈的，终于把 Chrome 上的 Gemini 开了 录个视频教大家怎么开启 如果你也跟我一样，所有的方法都用了，还是不行，而且你是 macOS 系统的话。 你直接把系统语言改成英文，它重启后就出来了。 首先就是 Chrome 的设置： 1. 把 Gemini 相关的所有开关都打开 2. 然后再把所有的 Chrome 浏览器地区设置成美国 这个流程可以用命令行去完成，也可以用现成的项目（如下面所发）去完成 然后关于谷歌账号和系统的设置： 1. 把你的 Google 账号地区改成美国 2. 把 Google 账号语言设置成英文 3. 刚才我提到的 Google 浏览器也需要改成英文 在 macOS 上，如果想把 Google 浏览器改成英文界面，需要把你整个系统语言都设置成英文

歸藏(guizang.ai)

291,852 Aufrufe • vor 6 Monaten