正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

用 DESIGN.md 一键复刻大厂设计

Yihui

55,261 subscribers

16,976 次观看 • 1 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

🔥又发现一个前端神器！这个开源项目能一键复刻大厂 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 次观看 • 2 个月前

溜儿，把从真实网站提取的设计规范做成了现成的 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 次观看 • 4 个月前

你一定听说过设计复杂的发动机，你也一定听说过设计复杂的变速箱，但是，你听没听说过设计复杂的轮毂盖啊？今天就给你开开眼。

你一定听说过设计复杂的发动机，你也一定听说过设计复杂的变速箱，但是，你听没听说过设计复杂的轮毂盖啊？今天就给你开开眼。

魔都老猿

20,600 次观看 • 1 个月前

我的 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,408 次观看 • 4 个月前

@大连城建设计院：如何用设计让学校不再停车难？大连第三十三中学设计解读

@大连城建设计院：如何用设计让学校不再停车难？大连第三十三中学设计解读

瞎玩菌

130,438 次观看 • 7 个月前

今天再给大家分享一个AI+制造业的例子。JetPave是一家中国公司做的“设计即可制造”的AI设计引擎。在电子产品的设计阶段，把一个模糊的点子变成一个可以给工厂生产的电路设计，纯人工需要10天，而用JetPave只需要90分钟。这不仅大幅提高了效率，而且大幅降低了返工的风险。详情请看视频。

今天再给大家分享一个AI+制造业的例子。JetPave是一家中国公司做的“设计即可制造”的AI设计引擎。在电子产品的设计阶段，把一个模糊的点子变成一个可以给工厂生产的电路设计，纯人工需要10天，而用JetPave只需要90分钟。这不仅大幅提高了效率，而且大幅降低了返工的风险。详情请看视频。

Ben X

33,773 次观看 • 10 个月前

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,217 次观看 • 4 个月前

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

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

极客杰尼

45,622 次观看 • 8 个月前

全网催爆的设计工作流来了！从单个 IP 出发，延展出整套品牌视觉 + APP 全界面设计！先用 Image2 生成高品质 UI 界面、APP 页面、运营活动页，再由 Codex 精准复刻视觉稿，最后用插件生成可直接落地的 Figma 设计稿

全网催爆的设计工作流来了！从单个 IP 出发，延展出整套品牌视觉 + APP 全界面设计！先用 Image2 生成高品质 UI 界面、APP 页面、运营活动页，再由 Codex 精准复刻视觉稿，最后用插件生成可直接落地的 Figma 设计稿

Paidax

310,625 次观看 • 3 个月前

老设计师：3000；新设计师：8000（包含软件费用）

Sensitive content

老设计师：3000；新设计师：8000（包含软件费用）

我不姓阿

616,110 次观看 • 1 年前

老设计师：3000；新设计师：8000（包含软件费用）

老设计师：3000；新设计师：8000（包含软件费用）

Fang

75,329 次观看 • 26 天前

前几天看见这个设计蛮有趣的,我把视频丢给 Codex 简单的复刻了一下完成度就很高了

前几天看见这个设计蛮有趣的,我把视频丢给 Codex 简单的复刻了一下完成度就很高了

Legs

57,223 次观看 • 23 天前

OpenAI Codex 最近发布的「Use Cases」集合很实用，可以避免从零开始和 Codex 对话重复造轮子每个 Use Case 包含： · 起始 Prompt 和 Spec 等 · 确定性的工作流程 · 整个过程需要的 Plugins 和 Skills 通过上面这样的 Use Case 复刻，就可以快速让 Codex 完成一个比较高质量的网站、移动端产品了。接下来就是设计品味的问题，昨天我在试用 getdesign.md 这个产品，收录了 Apple、Airbnb、Figma、Claude 等 60 多个顶尖设计案例，沉淀到 Design.md 中，可以直接复用： · AGENTS.md → 告诉 AI 如何构建 · DESIGN.md → 告诉 AI 应该长什么样给大家看看我用 Codex + getdesign.md 做的 Remotion 视频，Apple 风格。

OpenAI Codex 最近发布的「Use Cases」集合很实用，可以避免从零开始和 Codex 对话重复造轮子每个 Use Case 包含： · 起始 Prompt 和 Spec 等 · 确定性的工作流程 · 整个过程需要的 Plugins 和 Skills 通过上面这样的 Use Case 复刻，就可以快速让 Codex 完成一个比较高质量的网站、移动端产品了。接下来就是设计品味的问题，昨天我在试用 getdesign.md 这个产品，收录了 Apple、Airbnb、Figma、Claude 等 60 多个顶尖设计案例，沉淀到 Design.md 中，可以直接复用： · AGENTS.md → 告诉 AI 如何构建 · DESIGN.md → 告诉 AI 应该长什么样给大家看看我用 Codex + getdesign.md 做的 Remotion 视频，Apple 风格。

meng shao

74,169 次观看 • 4 个月前

大聪明设计，穷人买不起，富人用不上。

大聪明设计，穷人买不起，富人用不上。

Ann（🌻交个朋友吧。）

536,192 次观看 • 1 年前

这下前端有福了！最近 GitHub 上两个前端设计项目爆火，专门用来给 AI 提升审美。 1、 taste-skill 相当于给 AI 装了一套视觉自查系统。交付前会先按空间节奏、字体层级等原则自我审查一遍，能纠正瞎乱配色、教它用留白制造呼吸感，具备设计师质感。 2、impeccable 内置 23 个核心命令 + 一整套 AI 设计避坑指南，解决 AI 最爱犯的布局逻辑问题，复杂动效也能做到克制丝滑，直接拉到大厂响应式设计水准。一个管品位，一个管框架。两个一起喂给你的 AI，设计审美直接起飞。

这下前端有福了！最近 GitHub 上两个前端设计项目爆火，专门用来给 AI 提升审美。 1、 taste-skill 相当于给 AI 装了一套视觉自查系统。交付前会先按空间节奏、字体层级等原则自我审查一遍，能纠正瞎乱配色、教它用留白制造呼吸感，具备设计师质感。 2、impeccable 内置 23 个核心命令 + 一整套 AI 设计避坑指南，解决 AI 最爱犯的布局逻辑问题，复杂动效也能做到克制丝滑，直接拉到大厂响应式设计水准。一个管品位，一个管框架。两个一起喂给你的 AI，设计审美直接起飞。

阿西_出海

73,773 次观看 • 2 个月前

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

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

Yating Zhao

128,787 次观看 • 1 年前

李想说的对，国内车厂设计确实遥遥领先，美国人确实是不懂车🙂 毕竟冰箱按摩椅大彩电，绝对是前无古人后无来者，是不可复制的设计神话让我们一起成为尊贵的理想车主吧😌

李想说的对，国内车厂设计确实遥遥领先，美国人确实是不懂车🙂 毕竟冰箱按摩椅大彩电，绝对是前无古人后无来者，是不可复制的设计神话让我们一起成为尊贵的理想车主吧😌

usakes

73,861 次观看 • 9 个月前

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

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

倪爽

109,877 次观看 • 3 年前