Loading video...

Video Failed to Load

Go Home

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

yihui_indie's profile picture

Yihui

54,204 subscribers

16,315 views • 10 days ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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

阿西_出海

48,606 views • 1 month 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 • 2 months ago

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

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

开发者Hailey

104,740 views • 3 months ago

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

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

瞎玩菌

130,438 views • 5 months ago

11. 将Mac电脑恢复到出厂设置 准备进行全新的开始吗？ 你可以通过系统设置 → 通用 → 迁移和重置，将Mac恢复到出厂设置。
2:06

11. 将Mac电脑恢复到出厂设置 准备进行全新的开始吗？ 你可以通过系统设置 → 通用 → 迁移和重置，将Mac恢复到出厂设置。

路飞 🏴‍☠️ AI 研究员🧐

13,712 views • 1 year ago

11. 将Mac恢复为出厂设置
0:51

11. 将Mac恢复为出厂设置

暖暖爱分享

25,463 views • 1 year ago

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

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

Ben X

33,773 views • 9 months ago

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

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

Viking

111,453 views • 3 months ago

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

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

极客杰尼

45,622 views • 7 months ago

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

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

Paidax

300,070 views • 1 month ago

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

Sensitive content

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

我不姓阿

616,110 views • 1 year ago

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

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

Ann（🌻交个朋友吧。）

536,120 views • 1 year ago

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 风格。
0:34

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

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

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

阿西_出海

71,277 views • 28 days ago

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

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

Yating Zhao

128,659 views • 1 year ago

首个直接集成在 IDE 中的开源 AI 设计 Agent：SuperDesign，可直接在 IDE 中生成 UI 设计。 通过自然语言提示就能生成完整的 UI 界面、可复用组件和线框图，并支持 Cursor、Windsurf、VS Code 等主流 AI 编辑器。 GitHub： 主要特性： - 产品界面生成：通过单个提示即可创建完整 UI 界面 - UI 组件创建：生成可直接使用的可复用组件 - 线框图绘制：快速探索低保真度布局设计 - 设计分支和迭代：轻松复制和改进现有设计 - 提示词转代码：将设计提示直接复制到 AI IDE 中 通过 Cursor/VS Code 市场安装插件即可使用，其中设计文件本地存储在 .superdesign/ 目录中。
0:55

首个直接集成在 IDE 中的开源 AI 设计 Agent：SuperDesign，可直接在 IDE 中生成 UI 设计。 通过自然语言提示就能生成完整的 UI 界面、可复用组件和线框图，并支持 Cursor、Windsurf、VS Code 等主流 AI 编辑器。 GitHub： 主要特性： - 产品界面生成：通过单个提示即可创建完整 UI 界面 - UI 组件创建：生成可直接使用的可复用组件 - 线框图绘制：快速探索低保真度布局设计 - 设计分支和迭代：轻松复制和改进现有设计 - 提示词转代码：将设计提示直接复制到 AI IDE 中 通过 Cursor/VS Code 市场安装插件即可使用，其中设计文件本地存储在 .superdesign/ 目录中。

GitHubDaily

42,801 views • 1 year ago

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

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

usakes

73,861 views • 8 months ago

Juchats Artifacts New 你看我这个复刻，初级复刻 3 分钟，打磨细节 15 分钟！我合伙人一直说，妈的，以后就是你们懂设计的产品经理天下了，可是老子不会改代码啊，光生成真没卵用！ Jace Carter | UX UI
0:27

Juchats Artifacts New 你看我这个复刻，初级复刻 3 分钟，打磨细节 15 分钟！我合伙人一直说，妈的，以后就是你们懂设计的产品经理天下了，可是老子不会改代码啊，光生成真没卵用！ Jace Carter | UX UI

𝗖𝘆𝗱𝗶𝗮𝗿

26,979 views • 1 year 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/

倪爽

109,727 views • 3 years ago

全国好房子设计大赛：一等奖户型 住建部、院士、勘察设计大师选出来的好户型，好在哪？
4:30

全国好房子设计大赛：一等奖户型 住建部、院士、勘察设计大师选出来的好户型，好在哪？

瞎玩菌

21,536 views • 1 month ago