正在加载视频...

视频加载失败

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

有人把 X 上那些超顶的设计，全聚到一起了。 Inspora，专门收集 X 上的高质量设计作品，Web、Branding、Product、Motion、3D……分类非常清楚，而且每小时持续更新。不用再一条条刷 X、翻收藏夹挖灵感了，打开就能直接看精选。做设计、UI、Landing Page，甚至 Vibe Coding 找视觉参考都很爽。设计师日常灵感库，快收藏。

开发者Hailey

22,519 subscribers

25,577 次观看 • 7 天前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

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

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

极客杰尼

45,622 次观看 • 8 个月前

MotionSites，把顶级网页美学做成了 Prompt。里面收录了 500+ 高质量网页设计 Prompt，涵盖 Landing Page、SaaS、3D、作品集、动效等。看到喜欢的效果，直接复制 Prompt 丢给 Claude、Cursor、Codex，就能开始做。还支持 MCP，把整套设计灵感直接接进 AI 编程工具。做 Vibe Coding，代码已经不是问题，现在连审美都有人帮你打包好了。

MotionSites，把顶级网页美学做成了 Prompt。里面收录了 500+ 高质量网页设计 Prompt，涵盖 Landing Page、SaaS、3D、作品集、动效等。看到喜欢的效果，直接复制 Prompt 丢给 Claude、Cursor、Codex，就能开始做。还支持 MCP，把整套设计灵感直接接进 AI 编程工具。做 Vibe Coding，代码已经不是问题，现在连审美都有人帮你打包好了。

开发者Hailey

28,419 次观看 • 10 天前

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 年前

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

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

Corey Chiu

38,008 次观看 • 7 个月前

感觉我必须重新发一下这个了！！ 3月份的时候，我在小红书分享过这个【设计百科全书】当时还小火了一下哈哈 😂 里面总结了作为设计师，我这些年积累下来的 60+种当下常见的设计风格：比如粗野主义Brutalism，毛玻璃Glassmorphism，新拟态Neumorphism，极简，极繁等等。我一直觉得，审美不只是“凭感觉”，能不能把这些设计风格进一步拆解成可理解，可复用的设计语言和提示词？因为最近持续看到越来越多类似的产品😂 所以想重新和大家分享一下这个项目 🤓 之后和大家分享更多审美相关的内容！

感觉我必须重新发一下这个了！！ 3月份的时候，我在小红书分享过这个【设计百科全书】当时还小火了一下哈哈 😂 里面总结了作为设计师，我这些年积累下来的 60+种当下常见的设计风格：比如粗野主义Brutalism，毛玻璃Glassmorphism，新拟态Neumorphism，极简，极繁等等。我一直觉得，审美不只是“凭感觉”，能不能把这些设计风格进一步拆解成可理解，可复用的设计语言和提示词？因为最近持续看到越来越多类似的产品😂 所以想重新和大家分享一下这个项目 🤓 之后和大家分享更多审美相关的内容！

Dreameryanyan

26,599 次观看 • 1 个月前

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

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

领哥LingGe🙏

19,712 次观看 • 1 个月前

Codex 重磅更新：Product Design 插件上线！以前 Codex 代码强但 UI 审美常被吐槽上世纪风，这次直接把产品设计思维装进大脑，审美和专业度瞬间拉满！下面视频展示了我用最新 Product Design 插件设计的三个网站，完全不输高级设计师～先设计，后开发：它不再是直接盲写代码，而是先给你 3 张不同风格的高保真参考图！确认了审美，再开始写代码，这种设计驱动的流程太专业了。丝滑的滚动叙事、动态背景、视频卡片，交互细节拉满。这种先定审美、再定交互、最后落地的流程，才是未来 AI 开发的终极形态！

Codex 重磅更新：Product Design 插件上线！以前 Codex 代码强但 UI 审美常被吐槽上世纪风，这次直接把产品设计思维装进大脑，审美和专业度瞬间拉满！下面视频展示了我用最新 Product Design 插件设计的三个网站，完全不输高级设计师～先设计，后开发：它不再是直接盲写代码，而是先给你 3 张不同风格的高保真参考图！确认了审美，再开始写代码，这种设计驱动的流程太专业了。丝滑的滚动叙事、动态背景、视频卡片，交互细节拉满。这种先定审美、再定交互、最后落地的流程，才是未来 AI 开发的终极形态！

爱丽丝呀！

139,495 次观看 • 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 设计工作台。

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

什么扼杀了数据可视化设计创新 #设计入门交互式数据可视化是艺术、设计、技术和数据的结合。作者是专家，她列举了这个领域缺乏创新原因，比如： - 手机用户喜欢简单、易于消化的信息 - 用户喜欢普通的柱状图、曲线图这两条算设计领域的普适标准，尤其第二条。虽然设计师竭尽所能增加动效、动画…各种视觉刺激，但天天被刺激就无感了，一般人只想快速获取信息，而不是欣赏复杂的、炫技的设计

什么扼杀了数据可视化设计创新 #设计入门交互式数据可视化是艺术、设计、技术和数据的结合。作者是专家，她列举了这个领域缺乏创新原因，比如： - 手机用户喜欢简单、易于消化的信息 - 用户喜欢普通的柱状图、曲线图这两条算设计领域的普适标准，尤其第二条。虽然设计师竭尽所能增加动效、动画…各种视觉刺激，但天天被刺激就无感了，一般人只想快速获取信息，而不是欣赏复杂的、炫技的设计

倪爽

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

这些UI工具能帮你的产品，彻底摆脱AI味儿，都是我经常用的网站，推荐推荐~ 一、热门GitHub设计推荐 1、awesome-design-md，热门品牌设计系统的 DESIGN.md 文件 2、taste-skill，去除AI味道，专业设计规范 3、花叔 Design，HTML 高保真原型、动效 Demo、设计变体探索 4、frontend-design，前端 UI/UX 设计，避免 generic AI 界面 5、ai-website-cloner-template，克隆任意网站给自己用二、炫酷前端网站推荐 1、 - 展示动态设计 2、 - 浏览器中的 3D 设备模型 3、 - 将照片转为回顾视频 4、 -图像与视频的 lo-fi 效果 5、 -基于曲线的渐变创建器 6、 -无限独特渐变 7、 -抖动、ASCII 和半色调效果 8、 -每小时在 𝕏 上发现创意UP 9、 - 每日精选设计方案三、UI设计思路网站 1、figma make，多种UI模板参考 2、 3、 4、 UI参考请大家继续评论区补充你私藏的好的UI网站~

这些UI工具能帮你的产品，彻底摆脱AI味儿，都是我经常用的网站，推荐推荐~ 一、热门GitHub设计推荐 1、awesome-design-md，热门品牌设计系统的 DESIGN.md 文件 2、taste-skill，去除AI味道，专业设计规范 3、花叔 Design，HTML 高保真原型、动效 Demo、设计变体探索 4、frontend-design，前端 UI/UX 设计，避免 generic AI 界面 5、ai-website-cloner-template，克隆任意网站给自己用二、炫酷前端网站推荐 1、 - 展示动态设计 2、 - 浏览器中的 3D 设备模型 3、 - 将照片转为回顾视频 4、 -图像与视频的 lo-fi 效果 5、 -基于曲线的渐变创建器 6、 -无限独特渐变 7、 -抖动、ASCII 和半色调效果 8、 -每小时在 𝕏 上发现创意UP 9、 - 每日精选设计方案三、UI设计思路网站 1、figma make，多种UI模板参考 2、 3、 4、 UI参考请大家继续评论区补充你私藏的好的UI网站~

产品经理老王霸

14,315 次观看 • 1 个月前

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

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

Viking

34,532 次观看 • 9 个月前

给 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 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～

给 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 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～

Seven

15,606 次观看 • 6 天前

这两天用Claude Design 给EasyApp2.0版本重新设计UI，得到的一些启发，希望给大家做一些参考。 😂Claude Design 非常消耗token，我已经消耗了 5次 5小时的用量，才做到如图所示的效果，其实还有一些地方可以继续优化/调整 1：首页找到你要参考的设计图，粘贴到对话框，Opus4.8多模态能力非常强，他能够很好的捕捉到参考图的设计系统。让Claude 以此为背景/模板来做创作，防止Claude 随意发挥，避免来回返工，消耗不必要的token 2：如果你对已存在的项目做UI优化，你可以选择Github connected、或者Link local code，这样做是让Claude读取你的代码，更加了解你当前的代码、功能，设计出来的UI更加符合你的业务逻辑 3：对于生成玩之后的设计图，局部微调效果，就用Commons功能，指哪打哪，非常精准。可以一次标记多个Commons，最后一次性发给Claude来修改。这一步基本上会占据整个设计时间的80%，非常琐碎 4：多试试Tweaks，Claude会在Tweaks中提供多种设计，选择一种你最喜欢的一套，作为最终的设计Token 5：可以让Claude 针对每个页面做成可交互的原型，带有动画效果，这样最终在还原到项目源码时，动画效果AI会自动带上，无需后续在手动告知AI 6：最后沉淀为自己的一套设计系统，以供后续复用

这两天用Claude Design 给EasyApp2.0版本重新设计UI，得到的一些启发，希望给大家做一些参考。 😂Claude Design 非常消耗token，我已经消耗了 5次 5小时的用量，才做到如图所示的效果，其实还有一些地方可以继续优化/调整 1：首页找到你要参考的设计图，粘贴到对话框，Opus4.8多模态能力非常强，他能够很好的捕捉到参考图的设计系统。让Claude 以此为背景/模板来做创作，防止Claude 随意发挥，避免来回返工，消耗不必要的token 2：如果你对已存在的项目做UI优化，你可以选择Github connected、或者Link local code，这样做是让Claude读取你的代码，更加了解你当前的代码、功能，设计出来的UI更加符合你的业务逻辑 3：对于生成玩之后的设计图，局部微调效果，就用Commons功能，指哪打哪，非常精准。可以一次标记多个Commons，最后一次性发给Claude来修改。这一步基本上会占据整个设计时间的80%，非常琐碎 4：多试试Tweaks，Claude会在Tweaks中提供多种设计，选择一种你最喜欢的一套，作为最终的设计Token 5：可以让Claude 针对每个页面做成可交互的原型，带有动画效果，这样最终在还原到项目源码时，动画效果AI会自动带上，无需后续在手动告知AI 6：最后沉淀为自己的一套设计系统，以供后续复用

sunshineLx

10,608 次观看 • 2 个月前

给 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 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～

给 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 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～

爱丽丝呀！

121,964 次观看 • 1 个月前

测试了一圈设计工具，Claude Design在听懂人话方面完胜个人感觉它最厉害的地方是，会先帮你把问题理清楚、把需求细节都确认到位，然后才动手系统提示词里有两句挺关键的： “好的高保真设计不是凭空开始的，而是建立在已有设计上下文之上” “从零开始设计是最后手段” 下面是我分别用Claude Design、V0、Figma make快速直出的个人面板，同一提示词，效果差异明显上下文了解越充分，明显产出效果更好

测试了一圈设计工具，Claude Design在听懂人话方面完胜个人感觉它最厉害的地方是，会先帮你把问题理清楚、把需求细节都确认到位，然后才动手系统提示词里有两句挺关键的： “好的高保真设计不是凭空开始的，而是建立在已有设计上下文之上” “从零开始设计是最后手段” 下面是我分别用Claude Design、V0、Figma make快速直出的个人面板，同一提示词，效果差异明显上下文了解越充分，明显产出效果更好

Sac

19,190 次观看 • 4 个月前

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