Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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

开发者Hailey

23,799 subscribers

27,640 Aufrufe • vor 1 Monat •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

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

极客杰尼

45,622 Aufrufe • vor 10 Monaten

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

29,048 Aufrufe • vor 1 Monat

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/

倪爽

110,010 Aufrufe • vor 3 Jahren

现在我们 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 Aufrufe • vor 8 Monaten

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

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

Zayn Hao

80,559 Aufrufe • vor 1 Monat

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

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

Dreameryanyan

26,599 Aufrufe • vor 2 Monaten

如果你用这些网站，做不出顶级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🙏

20,030 Aufrufe • vor 3 Monaten

设计标杆！苹果官方教程的含金量！！！不用到处复刻“苹果风设计”了！苹果官方直接把设计指南、模板、工具和视频教程都整理好了，有适合小白的，也有适合专业开发者的，真的太全面了！！里面有个视频教程叫《设计基础：从创意到界面》，从信息结构、导航、内容，一直讲到视觉设计。其中提到一个特别实用的思路：用户打开你的 App，应该需要很容易搞清楚：自己现在在哪、这里能做什么、接下来能去哪。这几个问题看起来很简单，像是基本功，但其实很多APP、网页，都没有做到位。要么就是标题层级有点乱，要么就是功能入口藏太深。苹果直接用一个管理黑胶唱片的 App 案例，把这些问题讲清楚。更贴心的是，学完还有官方素材提供，可以接着练！！此外，还提供了 Figma、Sketch 的界面套件，还有 App 图标模板、颜色指南、字体等资源。以后，用AI做苹果风格APP会更简单了，直接把功能需求说清楚，然后让它参考 Apple 官方设计指南，自己选择合适的组件。另外，官网还整理了 Liquid Glass、新设计系统和 App 图标的讲解视频，SF Symbols 符号库、Icon Composer 图标工具也都有。链接放下面了，建议收藏，有时间学习学习！不做产品，就算提高审美，也是有必要的！

设计标杆！苹果官方教程的含金量！！！不用到处复刻“苹果风设计”了！苹果官方直接把设计指南、模板、工具和视频教程都整理好了，有适合小白的，也有适合专业开发者的，真的太全面了！！里面有个视频教程叫《设计基础：从创意到界面》，从信息结构、导航、内容，一直讲到视觉设计。其中提到一个特别实用的思路：用户打开你的 App，应该需要很容易搞清楚：自己现在在哪、这里能做什么、接下来能去哪。这几个问题看起来很简单，像是基本功，但其实很多APP、网页，都没有做到位。要么就是标题层级有点乱，要么就是功能入口藏太深。苹果直接用一个管理黑胶唱片的 App 案例，把这些问题讲清楚。更贴心的是，学完还有官方素材提供，可以接着练！！此外，还提供了 Figma、Sketch 的界面套件，还有 App 图标模板、颜色指南、字体等资源。以后，用AI做苹果风格APP会更简单了，直接把功能需求说清楚，然后让它参考 Apple 官方设计指南，自己选择合适的组件。另外，官网还整理了 Liquid Glass、新设计系统和 App 图标的讲解视频，SF Symbols 符号库、Icon Composer 图标工具也都有。链接放下面了，建议收藏，有时间学习学习！不做产品，就算提高审美，也是有必要的！

沐阳

24,639 Aufrufe • vor 23 Tagen

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

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

爱丽丝呀！

140,807 Aufrufe • vor 4 Monaten

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

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

倪爽

41,810 Aufrufe • vor 1 Jahr

🚨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 Aufrufe • vor 6 Monaten

我的 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 Aufrufe • vor 6 Monaten

这些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 Aufrufe • vor 3 Monaten

AI 写前端越来越“一眼 AI”了？最近又发现一个工具：Impeccable，一个给 Codex、Claude Code、Cursor 安装的一套“设计语言”的工具更准确地说，Impeccable 是一套安装在 AI 编程工具里的“设计语言层”：它通过设计知识、工作流命令、项目上下文和反模式检测，让 Codex、Claude Code、Cursor 等编码代理在修改前端时，少一些模型默认审美，多一些真正的设计判断。平时我们给 AI 的设计要求可能会非常模糊，设计师有时候都未必能真正了解你的需求，何况是AI 所以Impeccable 想补齐那些专业性的知识要求。它不会单纯告诉 AI“把页面做漂亮”，而是把设计工作拆成了多个可以明确调用的专业维度。目前 Impeccable 提供了 23 个命令。它们并不只是一些短提示词，而是包含了相应设计领域的检查步骤、判断标准和工作方法。

AI 写前端越来越“一眼 AI”了？最近又发现一个工具：Impeccable，一个给 Codex、Claude Code、Cursor 安装的一套“设计语言”的工具更准确地说，Impeccable 是一套安装在 AI 编程工具里的“设计语言层”：它通过设计知识、工作流命令、项目上下文和反模式检测，让 Codex、Claude Code、Cursor 等编码代理在修改前端时，少一些模型默认审美，多一些真正的设计判断。平时我们给 AI 的设计要求可能会非常模糊，设计师有时候都未必能真正了解你的需求，何况是AI 所以Impeccable 想补齐那些专业性的知识要求。它不会单纯告诉 AI“把页面做漂亮”，而是把设计工作拆成了多个可以明确调用的专业维度。目前 Impeccable 提供了 23 个命令。它们并不只是一些短提示词，而是包含了相应设计领域的检查步骤、判断标准和工作方法。

sitin

10,762 Aufrufe • vor 2 Monaten

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

爱丽丝呀！

123,876 Aufrufe • vor 2 Monaten

这两天用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,698 Aufrufe • vor 3 Monaten