正在加载视频...

视频加载失败

返回首页

前段时间分享了一个从html转Design的插件，以往都是用AI直接帮我们实现，今天说一下另外的一个方案，就是网易CodeWave的D2C功能，Design to Code，设计稿转代码。 操作很简单，把设计稿导入进去，几秒钟完整页面就生成了。 支持Figma、Sketch、MasterGo这些主流设计工具，甚至截个图也能识别。 我测试了一下，对于中后台管理页面效果挺好的，可以看一下视频。 为什么质量还不错？主要几个原因： 像素级还原 用深度学习和计算机视觉技术分析设计稿细节，静态布局和响应式布局都能搞定。 组件识别准确 主流设计系统下的组件识别准确率超过80%，ElementUI、Ant Design、Arco Design都支持。自动替换成CodeWave组件，后续调整方便。 大模型加持 背后是自研多模态大模型，有5000多个设计稿、组件、布局的训练数据，不是瞎猜的AI。 我觉得适用的一些场景 比如说PC端中后台页面，表单页、列表页、数据看板之类的。 官网和活动页，PC端和移动端都行，H5页面也没问题。 动效复杂的页面和互动小游戏不太推荐，还是要手动开发。

bozhou_ai's profile picture

泊舟

29,890 subscribers

27,888 次观看 • 8 个月前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

13 条评论

离谱 的头像
离谱8 个月前

那这个适合哪些人群啊？

泊舟 的头像
泊舟8 个月前

适合一些demo演示吧，可以比较快的出一个网页

herock 的头像
herock8 个月前

看来是标准化程度越高的越适合

泊舟 的头像
泊舟8 个月前

是的

王赞 的头像
王赞8 个月前

视频用啥软件录制的呀

OSDev 的头像
OSDev8 个月前

rst @readwise save thread

Z 的头像
Z4 个月前

组件适配的效果好吗？比如他去开发一套组件，通过@media适配pc端、pad端、mob端的样式这种😀

开发者Eric 的头像
开发者Eric8 个月前

收藏了，看起来很实用啊

赖叔 | LaiShu.ai 的头像
赖叔 | LaiShu.ai8 个月前

好东西，不过工具多到有点觉得负载了 哈哈，能不能一系列推荐一个

Ananya Patelik 的头像
Ananya Patelik8 个月前

love this flip! d2c feels like watching code grow out of pixels. tried it last week - f12 inspect feels almost vintage now. curious how you handle edge cases?

Shanheche 的头像
Shanheche8 个月前

是的 没错

耳朵 的头像
耳朵8 个月前

中后台的页面都比较简单，确实适合复刻

泊舟 的头像
泊舟8 个月前

嗯嗯，目前不收费，可以很快做出一些demo来

相关视频

Figma 正式推出了官方的远程 MCP 服务器，现在不需要安装 Figma 客户端 只需要在支持的软件比如 Cursor、Cluade code 里面添加，并在打开的网页里面完成账户授权就行 而且现在设计组件和前端组件的映射信息也可以通过 MCP 获取到，如果你的团队有设计系统的话，然后你的设计稿组件采用程度高 前端可以一键用 AI 生成全部的前端代码，而且保证高还原度，设计师和前端协作会到一个新的时代
0:29

Figma 正式推出了官方的远程 MCP 服务器，现在不需要安装 Figma 客户端 只需要在支持的软件比如 Cursor、Cluade code 里面添加，并在打开的网页里面完成账户授权就行 而且现在设计组件和前端组件的映射信息也可以通过 MCP 获取到，如果你的团队有设计系统的话，然后你的设计稿组件采用程度高 前端可以一键用 AI 生成全部的前端代码，而且保证高还原度，设计师和前端协作会到一个新的时代

歸藏(guizang.ai)

157,848 次观看 • 1 年前

给 Codex 5.6 装上这 4 个前端设计神器，做出来的网页终于有灵魂了！ 分享一套我目前实测下来最棒的 Codex 前端审美组合： 1️⃣Figma（内置插件） 直接读取设计稿、品牌规范和组件，把视觉参考像素级还原成响应式代码，不再让 Codex 凭空猜设计。 2️⃣Product Design（内置插件） 先确定产品结构和设计方向，再生成不同风格的高保真参考图，确认审美后才开始写代码，彻底告别盲写前端。 3️⃣Taste-Skill 专门负责字体、配色、留白、圆角和组件比例，还能审计并重构已有页面，消灭廉价的 AI 塑料感。 🔗地址： 4️⃣GSAP Skills 补齐 Codex 的动效设计能力，Timeline、ScrollTrigger、Flip、SplitText、SVG 动画全部支持 🔗地址： 再结合 GPT‑5.6 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～
0:32

给 Codex 5.6 装上这 4 个前端设计神器，做出来的网页终于有灵魂了！ 分享一套我目前实测下来最棒的 Codex 前端审美组合： 1️⃣Figma（内置插件） 直接读取设计稿、品牌规范和组件，把视觉参考像素级还原成响应式代码，不再让 Codex 凭空猜设计。 2️⃣Product Design（内置插件） 先确定产品结构和设计方向，再生成不同风格的高保真参考图，确认审美后才开始写代码，彻底告别盲写前端。 3️⃣Taste-Skill 专门负责字体、配色、留白、圆角和组件比例，还能审计并重构已有页面，消灭廉价的 AI 塑料感。 🔗地址： 4️⃣GSAP Skills 补齐 Codex 的动效设计能力，Timeline、ScrollTrigger、Flip、SplitText、SVG 动画全部支持 🔗地址： 再结合 GPT‑5.6 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～

Miki

16,284 次观看 • 1 个月前

给 Codex 5.6 装上这 4 个前端设计神器，做出来的网页终于有灵魂了！ 分享一套我目前实测下来最棒的 Codex 前端审美组合： 1️⃣Figma（内置插件） 直接读取设计稿、品牌规范和组件，把视觉参考像素级还原成响应式代码，不再让 Codex 凭空猜设计。 2️⃣Product Design（内置插件） 先确定产品结构和设计方向，再生成不同风格的高保真参考图，确认审美后才开始写代码，彻底告别盲写前端。 3️⃣Taste-Skill 专门负责字体、配色、留白、圆角和组件比例，还能审计并重构已有页面，消灭廉价的 AI 塑料感。 🔗地址： 4️⃣GSAP Skills 补齐 Codex 的动效设计能力，Timeline、ScrollTrigger、Flip、SplitText、SVG 动画全部支持 🔗地址： 再结合 GPT‑5.6 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～
0:32

给 Codex 5.6 装上这 4 个前端设计神器，做出来的网页终于有灵魂了！ 分享一套我目前实测下来最棒的 Codex 前端审美组合： 1️⃣Figma（内置插件） 直接读取设计稿、品牌规范和组件，把视觉参考像素级还原成响应式代码，不再让 Codex 凭空猜设计。 2️⃣Product Design（内置插件） 先确定产品结构和设计方向，再生成不同风格的高保真参考图，确认审美后才开始写代码，彻底告别盲写前端。 3️⃣Taste-Skill 专门负责字体、配色、留白、圆角和组件比例，还能审计并重构已有页面，消灭廉价的 AI 塑料感。 🔗地址： 4️⃣GSAP Skills 补齐 Codex 的动效设计能力，Timeline、ScrollTrigger、Flip、SplitText、SVG 动画全部支持 🔗地址： 再结合 GPT‑5.6 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～

爱丽丝呀！

123,876 次观看 • 2 个月前

个人觉得，世界最顶级的网页效果教程分享社区： Design Engineer 一定不能错过的！ 前端开发+视觉设计的最终交汇点！ 比如，这里是之前 HaoqiWen 个人主页的技术解析文章，作者亲自写背后的那些技术细节和设计思路：
0:36

个人觉得，世界最顶级的网页效果教程分享社区： Design Engineer 一定不能错过的！ 前端开发+视觉设计的最终交汇点！ 比如，这里是之前 HaoqiWen 个人主页的技术解析文章，作者亲自写背后的那些技术细节和设计思路：

Jackywine

12,151 次观看 • 1 个月前

设计标杆！苹果官方教程的含金量！！！ 不用到处复刻“苹果风设计”了！ 苹果官方直接把设计指南、模板、工具和视频教程都整理好了，有适合小白的，也有适合专业开发者的，真的太全面了！！ 里面有个视频教程叫《设计基础：从创意到界面》，从信息结构、导航、内容，一直讲到视觉设计。 其中提到一个特别实用的思路： 用户打开你的 App，应该需要很容易搞清楚：自己现在在哪、这里能做什么、接下来能去哪。 这几个问题看起来很简单，像是基本功，但其实很多APP、网页，都没有做到位。 要么就是标题层级有点乱，要么就是功能入口藏太深。 苹果直接用一个管理黑胶唱片的 App 案例，把这些问题讲清楚。 更贴心的是，学完还有官方素材提供，可以接着练！！ 此外，还提供了 Figma、Sketch 的界面套件，还有 App 图标模板、颜色指南、字体等资源。 以后，用AI做苹果风格APP会更简单了，直接把功能需求说清楚，然后让它参考 Apple 官方设计指南，自己选择合适的组件。 另外，官网还整理了 Liquid Glass、新设计系统和 App 图标的讲解视频，SF Symbols 符号库、Icon Composer 图标工具也都有。 链接放下面了，建议收藏，有时间学习学习！ 不做产品，就算提高审美，也是有必要的！
0:57

设计标杆！苹果官方教程的含金量！！！ 不用到处复刻“苹果风设计”了！ 苹果官方直接把设计指南、模板、工具和视频教程都整理好了，有适合小白的，也有适合专业开发者的，真的太全面了！！ 里面有个视频教程叫《设计基础：从创意到界面》，从信息结构、导航、内容，一直讲到视觉设计。 其中提到一个特别实用的思路： 用户打开你的 App，应该需要很容易搞清楚：自己现在在哪、这里能做什么、接下来能去哪。 这几个问题看起来很简单，像是基本功，但其实很多APP、网页，都没有做到位。 要么就是标题层级有点乱，要么就是功能入口藏太深。 苹果直接用一个管理黑胶唱片的 App 案例，把这些问题讲清楚。 更贴心的是，学完还有官方素材提供，可以接着练！！ 此外，还提供了 Figma、Sketch 的界面套件，还有 App 图标模板、颜色指南、字体等资源。 以后，用AI做苹果风格APP会更简单了，直接把功能需求说清楚，然后让它参考 Apple 官方设计指南，自己选择合适的组件。 另外，官网还整理了 Liquid Glass、新设计系统和 App 图标的讲解视频，SF Symbols 符号库、Icon Composer 图标工具也都有。 链接放下面了，建议收藏，有时间学习学习！ 不做产品，就算提高审美，也是有必要的！

沐阳

24,639 次观看 • 20 天前

刚看完一个演示，网页设计这块真的变天了 有人录了个 19 分钟教程 用 Google Antigravity + GPT Image 2 从零搭了一个带动画的获奖级网站 不是那种“生成个页面草稿”的玩具感 视觉、动效、布局、素材，全部往成品方向推 你看视频里那种复杂网页 放以前至少得设计、前端、动效来回磨好几轮 现在变成： 描述需求 Antigravity 搭结构 GPT Image 2 补视觉资产 然后一路改到能展示 网页设计师这是要被活活逼成导演了 我靠 学了一堆布局细节 结果现在靠嘴就能搓出来 AI真是太棒啦🤓☝️
19:53

刚看完一个演示，网页设计这块真的变天了 有人录了个 19 分钟教程 用 Google Antigravity + GPT Image 2 从零搭了一个带动画的获奖级网站 不是那种“生成个页面草稿”的玩具感 视觉、动效、布局、素材，全部往成品方向推 你看视频里那种复杂网页 放以前至少得设计、前端、动效来回磨好几轮 现在变成： 描述需求 Antigravity 搭结构 GPT Image 2 补视觉资产 然后一路改到能展示 网页设计师这是要被活活逼成导演了 我靠 学了一堆布局细节 结果现在靠嘴就能搓出来 AI真是太棒啦🤓☝️

Soran

19,284 次观看 • 4 个月前

我用 Figma Sites 花了几个小时搭了个简单的落地页，当晚就上线了。下面是我从这次体验中总结出来的一些发现。 1/3 亮点总结： ✅ 一体化设计到上线：把 Figma 中的设计稿直接复制到 Figma Sites，基本只用了 20% 的时间精力，就把项目推到上线。这种“点击发布”功能，对副业项目来说简直像是加速火箭。 ✅ 真·独立工作流：不需要交接、不用等开发。如果你是设计师，个人作品集拖了很久还没上线——这次真的没有借口了。 ✅ 基础功能一应俱全：meta 标签、favicon、手机端响应式、甚至是简单的动效都能一键搞定。整个过程像是在加能力，而不是在学新平台。 2/3 需要注意的坑： ⚠️ 还处于测试阶段：没有 CMS、模板选择很有限，交互动效也只有几个预设。现在用的话要做好踩坑的准备。 ⚠️ 模板数量太少：现阶段的模板库还不够丰富，建议提前准备好自己的视觉风格指南，否则很容易被框死。 ⚠️ 暂时还打不过 Framer 和 Webflow：如果你要做复杂电商或动态内容，还是得另寻工具。 3/3 新手建议（快速上手的 5 个步骤）： 🔹 先逛一圈模板。多打开几个，看看组件页面和样式页面，找找哪些内容可以复用。 🔹 先搞定一份风格手册。确定好字体、颜色、间距后，再把设计稿导入，这样能避免返工。 🔹 控制好项目范围。只做一个页面、一个明确的目标（我这次是引导访客订阅两个 newsletter）。 🔹 添加基础数据分析。装个 Google Analytics 就够了，可以追踪点击和转化率。 🔹 最后再处理图像。等版面布局稳定后再搞主视觉，不然容易浪费时间反复调整。 一句话总结：Figma Sites 很适合做作品集、活动页、或任何轻量的创意项目。虽然目前还无法替代那些强大的建站工具，但确实能帮你把一个周末的灵感快速变成一个可分享的网址。 👉 视频完整操作链接在下面，想看详细步骤可以看看！记得订阅点赞哦！
3:05

我用 Figma Sites 花了几个小时搭了个简单的落地页，当晚就上线了。下面是我从这次体验中总结出来的一些发现。 1/3 亮点总结： ✅ 一体化设计到上线：把 Figma 中的设计稿直接复制到 Figma Sites，基本只用了 20% 的时间精力，就把项目推到上线。这种“点击发布”功能，对副业项目来说简直像是加速火箭。 ✅ 真·独立工作流：不需要交接、不用等开发。如果你是设计师，个人作品集拖了很久还没上线——这次真的没有借口了。 ✅ 基础功能一应俱全：meta 标签、favicon、手机端响应式、甚至是简单的动效都能一键搞定。整个过程像是在加能力，而不是在学新平台。 2/3 需要注意的坑： ⚠️ 还处于测试阶段：没有 CMS、模板选择很有限，交互动效也只有几个预设。现在用的话要做好踩坑的准备。 ⚠️ 模板数量太少：现阶段的模板库还不够丰富，建议提前准备好自己的视觉风格指南，否则很容易被框死。 ⚠️ 暂时还打不过 Framer 和 Webflow：如果你要做复杂电商或动态内容，还是得另寻工具。 3/3 新手建议（快速上手的 5 个步骤）： 🔹 先逛一圈模板。多打开几个，看看组件页面和样式页面，找找哪些内容可以复用。 🔹 先搞定一份风格手册。确定好字体、颜色、间距后，再把设计稿导入，这样能避免返工。 🔹 控制好项目范围。只做一个页面、一个明确的目标（我这次是引导访客订阅两个 newsletter）。 🔹 添加基础数据分析。装个 Google Analytics 就够了，可以追踪点击和转化率。 🔹 最后再处理图像。等版面布局稳定后再搞主视觉，不然容易浪费时间反复调整。 一句话总结：Figma Sites 很适合做作品集、活动页、或任何轻量的创意项目。虽然目前还无法替代那些强大的建站工具，但确实能帮你把一个周末的灵感快速变成一个可分享的网址。 👉 视频完整操作链接在下面，想看详细步骤可以看看！记得订阅点赞哦！

Bear Liu

19,083 次观看 • 1 年前

我现在尝试的方案是： 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,866 次观看 • 6 个月前

社交 APP 还能怎么创新？ #设计参考 ID by amo 是一款玩法和设计都完全不同的社交 APP，像是 Miro 白板和曾经小众青年最爱的 Tumblr 的合体： - 突出个人主页/profile 而不是信息流 - 以无限白板而不是 feed 的形式，组织和展示个人主页，万物都是贴纸 - 我不但可以装修自己的个人主页，还可以装修朋友的个人主页😂 如果说前两个设计是在形式上对抗同质化的社交 APP，那么第三个设计基本上就是按 Gen-Z 的喜好，把 Tumblr（甚至更古老的 MySpace）强调的“我”重新发明了一遍，静态的个人主页升级成为了动态的、和朋友互动的、和朋友一起玩乐的个人空间 希望它能继续发展壮大
0:25

社交 APP 还能怎么创新？ #设计参考 ID by amo 是一款玩法和设计都完全不同的社交 APP，像是 Miro 白板和曾经小众青年最爱的 Tumblr 的合体： - 突出个人主页/profile 而不是信息流 - 以无限白板而不是 feed 的形式，组织和展示个人主页，万物都是贴纸 - 我不但可以装修自己的个人主页，还可以装修朋友的个人主页😂 如果说前两个设计是在形式上对抗同质化的社交 APP，那么第三个设计基本上就是按 Gen-Z 的喜好，把 Tumblr（甚至更古老的 MySpace）强调的“我”重新发明了一遍，静态的个人主页升级成为了动态的、和朋友互动的、和朋友一起玩乐的个人空间 希望它能继续发展壮大

倪爽

24,199 次观看 • 2 年前

🚨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 次观看 • 6 个月前

AI 写前端越来越“一眼 AI”了？ 最近又发现一个工具：Impeccable，一个给 Codex、Claude Code、Cursor 安装的一套“设计语言”的工具 更准确地说，Impeccable 是一套安装在 AI 编程工具里的“设计语言层”： 它通过设计知识、工作流命令、项目上下文和反模式检测，让 Codex、Claude Code、Cursor 等编码代理在修改前端时，少一些模型默认审美，多一些真正的设计判断。 平时我们给 AI 的设计要求可能会非常模糊，设计师有时候都未必能真正了解你的需求，何况是AI 所以Impeccable 想补齐那些专业性的知识要求。 它不会单纯告诉 AI“把页面做漂亮”，而是把设计工作拆成了多个可以明确调用的专业维度。 目前 Impeccable 提供了 23 个命令。它们并不只是一些短提示词，而是包含了相应设计领域的检查步骤、判断标准和工作方法。
0:39

AI 写前端越来越“一眼 AI”了？ 最近又发现一个工具：Impeccable，一个给 Codex、Claude Code、Cursor 安装的一套“设计语言”的工具 更准确地说，Impeccable 是一套安装在 AI 编程工具里的“设计语言层”： 它通过设计知识、工作流命令、项目上下文和反模式检测，让 Codex、Claude Code、Cursor 等编码代理在修改前端时，少一些模型默认审美，多一些真正的设计判断。 平时我们给 AI 的设计要求可能会非常模糊，设计师有时候都未必能真正了解你的需求，何况是AI 所以Impeccable 想补齐那些专业性的知识要求。 它不会单纯告诉 AI“把页面做漂亮”，而是把设计工作拆成了多个可以明确调用的专业维度。 目前 Impeccable 提供了 23 个命令。它们并不只是一些短提示词，而是包含了相应设计领域的检查步骤、判断标准和工作方法。

sitin

10,762 次观看 • 2 个月前

最近发现之前推荐过的 Midreal AI 互动小说游戏更新了网页版本，不需要在 Discord 里面使用了。 我尝试了一下将每句话都生成图片做视频小说，效果很不错。 这次升级非常强大，Midreal已经不只是小说生成工具，正在朝着互动式内容消费平台进化。 网页版本的Midreal每一句话都可以生成对应的图片，现在还是免费的，做互动小说生成视频搞流量也不错，还没有原创性问题。 每句都能生成图片之后，比之前到分支的时候才生成会强非常多，图片从原来的DALL-E3 变成了他们自己训练的 SD 模型，图像质量和提示词遵循都比之前强很多。 除了支持生成图片之外，现在网页版的Midreal分享功能也非常好用，分享出去就是一个带插图的完整小说页面，阅读体验很不错，还有评论和转发能力。 他们自己训练的图像模型现在也有一个专门的页面可以使用，只用来生成图片也是可以的。 感觉模型能力也有了比较大的提升，之前中文的小说都会有逻辑问题，这次尝试之后好了很多。 这里尝试网页版Midreal：
4:20

最近发现之前推荐过的 Midreal AI 互动小说游戏更新了网页版本，不需要在 Discord 里面使用了。 我尝试了一下将每句话都生成图片做视频小说，效果很不错。 这次升级非常强大，Midreal已经不只是小说生成工具，正在朝着互动式内容消费平台进化。 网页版本的Midreal每一句话都可以生成对应的图片，现在还是免费的，做互动小说生成视频搞流量也不错，还没有原创性问题。 每句都能生成图片之后，比之前到分支的时候才生成会强非常多，图片从原来的DALL-E3 变成了他们自己训练的 SD 模型，图像质量和提示词遵循都比之前强很多。 除了支持生成图片之外，现在网页版的Midreal分享功能也非常好用，分享出去就是一个带插图的完整小说页面，阅读体验很不错，还有评论和转发能力。 他们自己训练的图像模型现在也有一个专门的页面可以使用，只用来生成图片也是可以的。 感觉模型能力也有了比较大的提升，之前中文的小说都会有逻辑问题，这次尝试之后好了很多。 这里尝试网页版Midreal：

歸藏(guizang.ai)

48,993 次观看 • 2 年前

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 编程工具用，都能读懂。设计规范不再锁死在一个工具里。

小互

113,332 次观看 • 6 个月前

如果大家想要学习如何使用 AI 做出好看的设计，真的非常推荐这篇文章 ： 我自己看完之后发现有很多共鸣，发现很多自己正在做的实践与一些顶级的设计师也是一致的。 这篇文章里面不仅仅讲了很多理念，而且给了了很多很落地的实操方案，主要是以下八点： 1. 让 AI 探索不同的设计风格。在设计前让 AI 提供几种不通的方案，明确指出配色、字体和布局都要有区别，再挑选喜欢的方向。 2. 把设计要求描述得更具体、更大胆。只说“高级、好看、有创意”，AI 很难理解我们想要什么。可以尝试像素游戏、立体城市、非对称排版等明确的方向。没有想法的时候，先让 AI 提出多种思路，再根据自己的喜好逐步细化。 3. 让另一个 AI 独立评审设计。一个 AI 负责实现，另一个 AI 只根据页面截图提出设计建议，不携带之前的开发记录。建议要具体到哪里需要调整、应该怎样调整，再通过几轮修改和评审完善设计。 4. 通过图片生成丰富页面。除了让 AI 编写页面代码，还可以要求它生成符合设计风格的背景图、插画和装饰素材，再搭配适当的光影或立体效果，让页面有更鲜明的特点。 5. 通过视频生成实现复杂动画。可以先生成纯色背景的视频，再去除背景，作为页面里的动画素材。也可以让动画的播放进度跟随鼠标移动或页面滚动，实现连续的交互效果。 6. 删除没有实际作用的元素。检查多余的文字、发光效果、渐变和容器。图片已经表达清楚的内容，不必再重复解释。但难以理解的图标和操作，仍然需要保留必要的文字提示。 7. 检查并减少明显的 AI 痕迹。留意反复出现的蓝紫渐变、相似的卡片布局，以及不合适的 emoji 图标。 8. 亲自修改页面文案。AI 提供初稿后，我们再逐句检查标题、按钮和说明文字。删除空泛、难懂的表达，用自然、具体的话说明产品有什么作用、用户可以完成什么操作。
26:49

如果大家想要学习如何使用 AI 做出好看的设计，真的非常推荐这篇文章 ： 我自己看完之后发现有很多共鸣，发现很多自己正在做的实践与一些顶级的设计师也是一致的。 这篇文章里面不仅仅讲了很多理念，而且给了了很多很落地的实操方案，主要是以下八点： 1. 让 AI 探索不同的设计风格。在设计前让 AI 提供几种不通的方案，明确指出配色、字体和布局都要有区别，再挑选喜欢的方向。 2. 把设计要求描述得更具体、更大胆。只说“高级、好看、有创意”，AI 很难理解我们想要什么。可以尝试像素游戏、立体城市、非对称排版等明确的方向。没有想法的时候，先让 AI 提出多种思路，再根据自己的喜好逐步细化。 3. 让另一个 AI 独立评审设计。一个 AI 负责实现，另一个 AI 只根据页面截图提出设计建议，不携带之前的开发记录。建议要具体到哪里需要调整、应该怎样调整，再通过几轮修改和评审完善设计。 4. 通过图片生成丰富页面。除了让 AI 编写页面代码，还可以要求它生成符合设计风格的背景图、插画和装饰素材，再搭配适当的光影或立体效果，让页面有更鲜明的特点。 5. 通过视频生成实现复杂动画。可以先生成纯色背景的视频，再去除背景，作为页面里的动画素材。也可以让动画的播放进度跟随鼠标移动或页面滚动，实现连续的交互效果。 6. 删除没有实际作用的元素。检查多余的文字、发光效果、渐变和容器。图片已经表达清楚的内容，不必再重复解释。但难以理解的图标和操作，仍然需要保留必要的文字提示。 7. 检查并减少明显的 AI 痕迹。留意反复出现的蓝紫渐变、相似的卡片布局，以及不合适的 emoji 图标。 8. 亲自修改页面文案。AI 提供初稿后，我们再逐句检查标题、按钮和说明文字。删除空泛、难懂的表达，用自然、具体的话说明产品有什么作用、用户可以完成什么操作。

oil-oil

13,083 次观看 • 15 天前

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

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

小互

57,767 次观看 • 1 年前

ChatWise 加入 MCP 以后太爽了！ 一键配置之后直接从 FIgma 设计稿还原了一个网页出来 内容和样式位置都是对的，直接微调就能用 这不比 Figma 自己的开发者模式强一万倍，那破玩意还卖的贵
0:41

ChatWise 加入 MCP 以后太爽了！ 一键配置之后直接从 FIgma 设计稿还原了一个网页出来 内容和样式位置都是对的，直接微调就能用 这不比 Figma 自己的开发者模式强一万倍，那破玩意还卖的贵

歸藏(guizang.ai)

92,942 次观看 • 1 年前