Loading video...

Video Failed to Load

Go Home

Creatie AI：AI驱动的产品设计工具 几分钟之内设计出一个网站或程序 它集思维导图、设计、协作、原型制作、代码交接于一身。 可自动分析你的现有设计文件，识别并整理出可复用的设计元素（如字体、颜色、阴影等），自动创建一个统一的样式库。 还可以快速将设计转化为高保真的可交互原型 并生成代码 网站：

xiaohu's profile picture

小互

124,362 subscribers

26,359 views • 2 years ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

7 Comments

小互's profile picture
小互2 years ago

快速设计图标

小互's profile picture
小互2 years ago

辅助你快速设计页面

小互's profile picture
小互2 years ago

快速设计页面布局

锟斤烤小龙虾's profile picture
锟斤烤小龙虾2 years ago

就是国内的 的出海外版，功能是一样的

因肆掰_0's profile picture
因肆掰_02 years ago

这个很不错

YJ #copycat 🐶's profile picture
YJ #copycat 🐶2 years ago

@Web3Go GoDIN

Mr.Husky's profile picture
Mr.Husky2 years ago

现在有没有能够听音乐给音乐写标题和关键词并总结音乐特点的AI工具？

Related Videos

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

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

小互

57,767 views • 1 year ago

🚨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 views • 6 months ago

分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文， 实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题
1:15

分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文， 实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题

Paidax

175,509 views • 7 months ago

我用Gemini3写了一个基于网格系统规则的LOGO生成器，片尾是完整动画效果。其主要功能有： 生成器可以按特定网格规则生成家族套系logo，指定颜色，可根据颜色生成渐变阶梯式色彩或单色logo。 可以生成首尾帧动画，做家族系LOGO之间的转换，也可以平铺LOGO成为辅助图形图案，非常方便的生成好看的mg动画。 可一键保存jpg、png、eps矢量图片，动画可一键保存mp4。 目前已经投入设计流程中使用。相信不久将来，设计师们都可以利用AI制作自己的设计工具，优化设计流程。
1:15

我用Gemini3写了一个基于网格系统规则的LOGO生成器，片尾是完整动画效果。其主要功能有： 生成器可以按特定网格规则生成家族套系logo，指定颜色，可根据颜色生成渐变阶梯式色彩或单色logo。 可以生成首尾帧动画，做家族系LOGO之间的转换，也可以平铺LOGO成为辅助图形图案，非常方便的生成好看的mg动画。 可一键保存jpg、png、eps矢量图片，动画可一键保存mp4。 目前已经投入设计流程中使用。相信不久将来，设计师们都可以利用AI制作自己的设计工具，优化设计流程。

DynamicWang

20,221 views • 10 months ago

这大概是本周最精彩的文章了。 如果你是工程师、设计师，可能非常适合阅读。 Fey 原创始人加入到 Wealthsimple 后，如何将代码工程和 UI 设计带领到下一个级别。 其中，我最喜欢的是文章这些可实时交互的 UI 小控件，可以直接感受到这些组件的设计质量与愉悦。
1:27

这大概是本周最精彩的文章了。 如果你是工程师、设计师，可能非常适合阅读。 Fey 原创始人加入到 Wealthsimple 后，如何将代码工程和 UI 设计带领到下一个级别。 其中，我最喜欢的是文章这些可实时交互的 UI 小控件，可以直接感受到这些组件的设计质量与愉悦。

Zayn Hao

80,559 views • 1 month ago

终于等到了 GPT 的拐点，人人都可以创建自己的 ChatGPT #设计AI 今天 OpenAI Dev Day 上的高光时刻，Sam Altman 发布了 GPTs 功能，即允许普通人创建自定义的 GPT 工具 随即他就现场演示，用官方 Builder 创建一个创业导师 GPT 工具。他付出的劳动包括： - 定义工具的基本概念（一句话） - 对 GPT 行为的基本指导（一句话） - 提供一个基础的知识库（一个文本文件） - 花费 3、4 分钟 voila，这个创业导师 GPT 工具就创建完毕可以使用了！ 从产品设计角度而言，GPTs 帮助有想法、有资源、有需求的普通人跳过开发者和漫长的产品开发过程，直接把想法和 GPT-4 提供的人类知识库对接，直接输出立刻可用的个性化 ChatGPT。而且这些个性化 ChatGPT 还支持自然语言交互，跳过了提供界面和人机交互设计的设计师 这就给很多自认为“创造者”的开发者、设计师们提出了一个新问题，如果人人都能创建自己的 ChatGPT，那么你作为“专业人士”、作为一个“创造者”，你脑子里有什么东西，可以拿出来创造一个你自己的 ChatGPT？ 嘿嘿……
4:23

终于等到了 GPT 的拐点，人人都可以创建自己的 ChatGPT #设计AI 今天 OpenAI Dev Day 上的高光时刻，Sam Altman 发布了 GPTs 功能，即允许普通人创建自定义的 GPT 工具 随即他就现场演示，用官方 Builder 创建一个创业导师 GPT 工具。他付出的劳动包括： - 定义工具的基本概念（一句话） - 对 GPT 行为的基本指导（一句话） - 提供一个基础的知识库（一个文本文件） - 花费 3、4 分钟 voila，这个创业导师 GPT 工具就创建完毕可以使用了！ 从产品设计角度而言，GPTs 帮助有想法、有资源、有需求的普通人跳过开发者和漫长的产品开发过程，直接把想法和 GPT-4 提供的人类知识库对接，直接输出立刻可用的个性化 ChatGPT。而且这些个性化 ChatGPT 还支持自然语言交互，跳过了提供界面和人机交互设计的设计师 这就给很多自认为“创造者”的开发者、设计师们提出了一个新问题，如果人人都能创建自己的 ChatGPT，那么你作为“专业人士”、作为一个“创造者”，你脑子里有什么东西，可以拿出来创造一个你自己的 ChatGPT？ 嘿嘿……

倪爽

348,639 views • 2 years ago

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

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

歸藏(guizang.ai)

157,848 views • 1 year ago

推荐这个一键生成网站设计的AI工具，叫Relume，目前发现的最佳，没有之一。使用感很丝滑，如沐春风，生成结果质量也很高。以后网站设计可以不用找我了👋🏻😂
0:40

推荐这个一键生成网站设计的AI工具，叫Relume，目前发现的最佳，没有之一。使用感很丝滑，如沐春风，生成结果质量也很高。以后网站设计可以不用找我了👋🏻😂

Yating Zhao

128,864 views • 1 year ago

很多设计师还在用 PDF 做作品集，形式单调缺乏亮点，很难展现真实设计实力。如今 Vibe Coding 已成趋势，拥有一个作品集官网，才是设计师的实力名片。 今天分享一套极简 AI 建站工作流，敲定风格、框架、文案三大核心，用 ai 生成标准化设计文档，搭配提示词，快速搭建个人作品集官网。可自由切换多种视觉风格，搭配优质交互组件资源，轻松拉高网页整体高级质感。
3:22

很多设计师还在用 PDF 做作品集，形式单调缺乏亮点，很难展现真实设计实力。如今 Vibe Coding 已成趋势，拥有一个作品集官网，才是设计师的实力名片。 今天分享一套极简 AI 建站工作流，敲定风格、框架、文案三大核心，用 ai 生成标准化设计文档，搭配提示词，快速搭建个人作品集官网。可自由切换多种视觉风格，搭配优质交互组件资源，轻松拉高网页整体高级质感。

Paidax

29,186 views • 5 months ago

这是另一款能让设计师彻夜难眠的 AI 设计工具！😏 刚刚体验了Dora ，直接颠覆了我对网站设计的所有认知。 不需模板，不用库存图片，每一个元素都是 100% 为你定制。生成的网站的精美度和可用性都非常🉑。 轻量使用的话 free 版本已经够用了。 链接见评论👇
2:11

这是另一款能让设计师彻夜难眠的 AI 设计工具！😏 刚刚体验了Dora ，直接颠覆了我对网站设计的所有认知。 不需模板，不用库存图片，每一个元素都是 100% 为你定制。生成的网站的精美度和可用性都非常🉑。 轻量使用的话 free 版本已经够用了。 链接见评论👇

MapleShaw

322,853 views • 1 year ago

溜儿，把从真实网站提取的设计规范做成了现成的 DESIGN.md集合，直接丢一个DESIGN.md+描述，AI即能生成对应精美UI 就是用纯Markdown描述设计系统，AI读取它来生成对应的UI界面，直接放到根目录里，AI即能理解并生成 这个库叫awesome-design-md，目前收录了50+知名网站设计，涵盖AI&LLM、开发工具、后台与数据库、金融、电商、媒体、设计等等领域 每个文件包含完整设计系统规范，颜色、字体、组件、布局等，另外还附带preview.html和preview-dark.html预览文件 相当于一个设计系统prompt库，AI一键生成风格一致的界面，对vibe coding来说比较实用，不过1:1复刻某品牌完整原版需谨慎 #AI设计 #awesomedesignmd #vibecoding
0:35

溜儿，把从真实网站提取的设计规范做成了现成的 DESIGN.md集合，直接丢一个DESIGN.md+描述，AI即能生成对应精美UI 就是用纯Markdown描述设计系统，AI读取它来生成对应的UI界面，直接放到根目录里，AI即能理解并生成 这个库叫awesome-design-md，目前收录了50+知名网站设计，涵盖AI&LLM、开发工具、后台与数据库、金融、电商、媒体、设计等等领域 每个文件包含完整设计系统规范，颜色、字体、组件、布局等，另外还附带preview.html和preview-dark.html预览文件 相当于一个设计系统prompt库，AI一键生成风格一致的界面，对vibe coding来说比较实用，不过1:1复刻某品牌完整原版需谨慎 #AI设计 #awesomedesignmd #vibecoding

AIGCLINK

11,646 views • 5 months ago

如果你用这些网站，做不出顶级UI前端。 我让在座的一人搞一次，立贴为证。 1️⃣在线 3D / 交互设计编辑器入口。 链接： 2️⃣UI 设计灵感收集网。 链接： 3️⃣一个面向前端和 AI 编程助手的 React UI 组件 / 模板 / 主题平台。 链接： 4️⃣一个 设计资源导航站 / 工具目录 / 灵感资源库。 链接： 5️⃣一套开源的 React 组件，包含动画、交互式和完全可定制的组件。 链接：
0:32

如果你用这些网站，做不出顶级UI前端。 我让在座的一人搞一次，立贴为证。 1️⃣在线 3D / 交互设计编辑器入口。 链接： 2️⃣UI 设计灵感收集网。 链接： 3️⃣一个面向前端和 AI 编程助手的 React UI 组件 / 模板 / 主题平台。 链接： 4️⃣一个 设计资源导航站 / 工具目录 / 灵感资源库。 链接： 5️⃣一套开源的 React 组件，包含动画、交互式和完全可定制的组件。 链接：

领哥LingGe🙏

20,030 views • 3 months ago

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 views • 6 months ago

当你看到一个充满设计创意的网站时， 可以使用原生的分享扩展保存到 Minttr 了。 Minttr 网站来自 bao to ᝰ.ᐟ 🦆🦆🦆
0:24

当你看到一个充满设计创意的网站时， 可以使用原生的分享扩展保存到 Minttr 了。 Minttr 网站来自 bao to ᝰ.ᐟ 🦆🦆🦆

Zayn Hao

11,386 views • 5 months ago

UX 设计基础：学习指南 UX 设计入门教程汇总，来自全世界最著名的 UX 设计公司 NNgroup，内容包括： - UX 设计简介 - UX 设计哲学 - UX 设计规划和研究 - 用户界面（UI）设计 - 职业发展 英文的视频和图文教程（大家交口称赞的那些翻译插件终于有用了）。NNgroup 的工作比一般设计公司更注重理论、非常重视用户研究，所以他们的入门课程也偏原理、基础概念 适合从基础开始认真学 UX 设计的人，不适合上速成培训班很神奇地变成 UX 设计师的人 #设计入门 来个视频感受一下，这是 UX 设计入门的入门、被全世界人民问了几百万遍的问题：UX 设计和 UI 设计有什么差异？ 1/
3:15

UX 设计基础：学习指南 UX 设计入门教程汇总，来自全世界最著名的 UX 设计公司 NNgroup，内容包括： - UX 设计简介 - UX 设计哲学 - UX 设计规划和研究 - 用户界面（UI）设计 - 职业发展 英文的视频和图文教程（大家交口称赞的那些翻译插件终于有用了）。NNgroup 的工作比一般设计公司更注重理论、非常重视用户研究，所以他们的入门课程也偏原理、基础概念 适合从基础开始认真学 UX 设计的人，不适合上速成培训班很神奇地变成 UX 设计师的人 #设计入门 来个视频感受一下，这是 UX 设计入门的入门、被全世界人民问了几百万遍的问题：UX 设计和 UI 设计有什么差异？ 1/

倪爽

110,010 views • 3 years ago

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 views • 2 months ago