Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

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

Corey Chiu

10,829 subscribers

38,008 görüntüleme • 7 ay önce •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

溜儿，把从真实网站提取的设计规范做成了现成的 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

溜儿，把从真实网站提取的设计规范做成了现成的 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 görüntüleme • 4 ay önce

怎么利用 AI 帮助孩子探索世界？or 怎么把 Pokémon 里的 Pokédex 变成现实？ #设计参考 #设计AI 英国设计公司 F!nh 设计的 ASH 是个智能小盒子，利用摄像头拍下世间万物，再用 AI 告诉孩子这是什么很神奇地用了几个鲜艳醒目的大按钮来交互项目主页在这儿，详细介绍了对应的玩法。整个项目的设计和样品制作只用了 4 周时间：注：别每次看到一个新设计，就忍不住说这个功能某某 APP 早就实现了、华强北 XX 元就搞定、这个人机交互不好应该改成怎么怎么操作……这些都是心理疾病

怎么利用 AI 帮助孩子探索世界？or 怎么把 Pokémon 里的 Pokédex 变成现实？ #设计参考 #设计AI 英国设计公司 F!nh 设计的 ASH 是个智能小盒子，利用摄像头拍下世间万物，再用 AI 告诉孩子这是什么很神奇地用了几个鲜艳醒目的大按钮来交互项目主页在这儿，详细介绍了对应的玩法。整个项目的设计和样品制作只用了 4 周时间：注：别每次看到一个新设计，就忍不住说这个功能某某 APP 早就实现了、华强北 XX 元就搞定、这个人机交互不好应该改成怎么怎么操作……这些都是心理疾病

倪爽

62,007 görüntüleme • 2 yıl önce

我的 UI 再也不会一股AI味了！本周 GitHub 最火的设计师项目： awesome-design-md，一周拿下 23k ⭐ Stars，迅速成为设计工具类开源爆款。亮点一览： - 50+ 顶级产品设计规范包括 Stripe、Notion、Linear、Figma、Apple 等，每个用 DESIGN.md 文件整理，覆盖：颜色系统字体与排版间距、网格与布局组件状态与 UI 规范响应式断点 - 轻量、易用不依赖 Figma 或复杂工具，普通 Markdown 就能使用 - 快速复用风格一键套用顶级产品的视觉规则，保证 UI 一致性 - 提升团队效率将设计语言结构化，减少设计与开发对齐成本，节省从零做设计系统的时间对团队或独立开发者来说，这可能就是未来设计协作的参考模板。

我的 UI 再也不会一股AI味了！本周 GitHub 最火的设计师项目： awesome-design-md，一周拿下 23k ⭐ Stars，迅速成为设计工具类开源爆款。亮点一览： - 50+ 顶级产品设计规范包括 Stripe、Notion、Linear、Figma、Apple 等，每个用 DESIGN.md 文件整理，覆盖：颜色系统字体与排版间距、网格与布局组件状态与 UI 规范响应式断点 - 轻量、易用不依赖 Figma 或复杂工具，普通 Markdown 就能使用 - 快速复用风格一键套用顶级产品的视觉规则，保证 UI 一致性 - 提升团队效率将设计语言结构化，减少设计与开发对齐成本，节省从零做设计系统的时间对团队或独立开发者来说，这可能就是未来设计协作的参考模板。

开发者Hailey

105,624 görüntüleme • 5 ay önce

🚨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 设计工作台。

🚨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 görüntüleme • 5 ay önce

12. 这个系统并不是坏掉了。它本来就是这样设计的。马斯克称其为“黑客帝国”。一个从一开始就不打算给普通人成功机会的游戏。唯一的出路，就是改变游戏规则。

12. 这个系统并不是坏掉了。它本来就是这样设计的。马斯克称其为“黑客帝国”。一个从一开始就不打算给普通人成功机会的游戏。唯一的出路，就是改变游戏规则。

柴郡🔔｜Crypto+AI Plus

61,590 görüntüleme • 1 yıl önce

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

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

汗青 HQ

49,174 görüntüleme • 1 yıl önce

现在男女择偶有什么标准吗？其实就一个标准有没有钱然后在有钱的里面选一个能接受的就行了这是时代的设计顶级文科生设计一个时代的规则而中国几千年来有些底层规则是没变的就是强强联合就是要上嫁和娶牛逼之所以有些设计者故意倡导什么不要太物质鼓励生育就是因为顶层的人不希望有太多的觉醒者来分蛋糕

现在男女择偶有什么标准吗？其实就一个标准有没有钱然后在有钱的里面选一个能接受的就行了这是时代的设计顶级文科生设计一个时代的规则而中国几千年来有些底层规则是没变的就是强强联合就是要上嫁和娶牛逼之所以有些设计者故意倡导什么不要太物质鼓励生育就是因为顶层的人不希望有太多的觉醒者来分蛋糕

子时

14,749 görüntüleme • 6 ay önce

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

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

小互

113,109 görüntüleme • 5 ay önce

🔥又发现一个前端神器！这个开源项目能一键复刻大厂 UI ，在 GitHub 揽获 84K stars 整合了 50+ 大厂（Google、Apple、Airbnb 等）的设计系统，把颜色、字体、排版、组件、响应式这些核心规范用 Markdown 格式整理好了。放到项目根目录，AI 读取后就能参照对应大厂风格生成 UI，节省自己翻设计文档的时间。如果你经常要对照大厂 UI 做还原，值得收藏试试。

🔥又发现一个前端神器！这个开源项目能一键复刻大厂 UI ，在 GitHub 揽获 84K stars 整合了 50+ 大厂（Google、Apple、Airbnb 等）的设计系统，把颜色、字体、排版、组件、响应式这些核心规范用 Markdown 格式整理好了。放到项目根目录，AI 读取后就能参照对应大厂风格生成 UI，节省自己翻设计文档的时间。如果你经常要对照大厂 UI 做还原，值得收藏试试。

阿西_出海

48,681 görüntüleme • 3 ay önce

Perplexity 的“复古未来主义”设计是顶级在这个上面的转场，也是顶级你让我抄我都不知道怎么抄啊！太精美了这网页设计网址：

Perplexity 的“复古未来主义”设计是顶级在这个上面的转场，也是顶级你让我抄我都不知道怎么抄啊！太精美了这网页设计网址：

Jackywine

19,134 görüntüleme • 6 ay önce

Stitch 这个东西的贡献应该是 design.md 文件了吧，我找到了一个 awesome-design-md 里面有几十个设计风格比较优秀网站的 design.md ，拷贝它们风格的时候直接用对应的文件就行。其实根本不需要必须在 Stitch 中用，任意一个 AI agent 都可以用，我花五分钟再 v0 中就创建了三种风格迥异的设计，prompt 就一行字，按照这个design.md 给我随便设计一个 AI Agent 网站，参考了 OpenCode,raycast 和 Airbnb 这三个，效果具体怎么样呢？大家可以看看 live demo以及我的视频，我觉得还是不错的。

Stitch 这个东西的贡献应该是 design.md 文件了吧，我找到了一个 awesome-design-md 里面有几十个设计风格比较优秀网站的 design.md ，拷贝它们风格的时候直接用对应的文件就行。其实根本不需要必须在 Stitch 中用，任意一个 AI agent 都可以用，我花五分钟再 v0 中就创建了三种风格迥异的设计，prompt 就一行字，按照这个design.md 给我随便设计一个 AI Agent 网站，参考了 OpenCode,raycast 和 Airbnb 这三个，效果具体怎么样呢？大家可以看看 live demo以及我的视频，我觉得还是不错的。

Viking

112,476 görüntüleme • 5 ay önce

这次轮到设计师要失业了！Uizard 几分钟就能输出优质的设计😍 我一个设计小白，花 10 秒时间描述需求，立刻生成了一套（注意是一套！）页面设计。还有编辑功能，生成后不满意可随时调整。过去需要花费数千元外包的工作，现在自己动动手就能完成，这是什么概念？链接见评论👇

这次轮到设计师要失业了！Uizard 几分钟就能输出优质的设计😍 我一个设计小白，花 10 秒时间描述需求，立刻生成了一套（注意是一套！）页面设计。还有编辑功能，生成后不满意可随时调整。过去需要花费数千元外包的工作，现在自己动动手就能完成，这是什么概念？链接见评论👇

MapleShaw

120,081 görüntüleme • 1 yıl önce

🔥马斯克：机器人生产真的很难！需要在工程设计和生产线设计上不断修改，迭代循环。因为当我们设计出某个东西后，就会发现，天啊，这真的很难制造！我们需要修改设计以简化制造流程。 🚨所以我们对Optimus的设计进行了重大改进，在提升功能的同时确保可量产。老实说，Optimus二代几乎无法制造

🔥马斯克：机器人生产真的很难！需要在工程设计和生产线设计上不断修改，迭代循环。因为当我们设计出某个东西后，就会发现，天啊，这真的很难制造！我们需要修改设计以简化制造流程。 🚨所以我们对Optimus的设计进行了重大改进，在提升功能的同时确保可量产。老实说，Optimus二代几乎无法制造

谢嘉琪

31,015 görüntüleme • 10 ay önce

发现了一个宝藏网站：它把 X 上最活跃的 UI/UX 和网页设计师都整理在一起了。不用再费劲搜索，直接浏览最新设计趋势和顶尖作品。点击头像就能跳转到设计师主页，一键关注。相当于把 X 变成了一个「设计师目录」。找灵感必备 👍

发现了一个宝藏网站：它把 X 上最活跃的 UI/UX 和网页设计师都整理在一起了。不用再费劲搜索，直接浏览最新设计趋势和顶尖作品。点击头像就能跳转到设计师主页，一键关注。相当于把 X 变成了一个「设计师目录」。找灵感必备 👍

极客杰尼

45,622 görüntüleme • 9 ay önce

这几天每天都会花几分钟当作兴趣看一个组件库，好多都是大同小异，没想到这么多人在做类似的事情。但是这个还是玩出花来了。他本人应该是设计师，我很喜欢它设计的几个 Backgrounds 组件，都是非常符合现代 landing page 的 cta 部分，大家可以直接拿来用。其他一些组件也挺漂亮的，和其他组件库的风格完全不一样。

这几天每天都会花几分钟当作兴趣看一个组件库，好多都是大同小异，没想到这么多人在做类似的事情。但是这个还是玩出花来了。他本人应该是设计师，我很喜欢它设计的几个 Backgrounds 组件，都是非常符合现代 landing page 的 cta 部分，大家可以直接拿来用。其他一些组件也挺漂亮的，和其他组件库的风格完全不一样。

Viking

34,532 görüntüleme • 10 ay önce

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

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

Paidax

106,166 görüntüleme • 2 ay önce