Curated design news.
350 articles from top design & tech sources, updated every 6 hours.
保姆级教程+指令！教你从零到一创建AI组件库！
一、全文速览图 我在之前的文章中介绍过 shadcn/ui 组件库是相对于现有的传统组件库（比如 AntD、TDesign）来说更加符合 AI 应用需求的组件库。那么作为代码小白的设计师或者产品人，该如何用 shadcn/ui 组件库来生成自己的个性化组件库呢？本文就来教你从 0 到 1 搭一套既能自己维护、又方便 AI 协作生成页面的 AI Friendly 组件库，主要有两种方式：一是手动调节参数；二是 AI 生成代码。 AI友好型组件库才是未来？4个特点帮你快速了解！随着 AI 大模型在 B 端设计领域的应用深入，引发出了一个新的概念：AI Friendly 组件库，也就是指专为适配、
UISDC ↗
超详细实战案例复盘！ComfyUI 自定义节点开发全流程
AI 写代码不难，难的是少返工。这个「智能图像转场效果插件」插件案例，拆解了从需求、PRD 到四级测试的完整闭环。 一、全文速览图 深度教程！ComfyUI 局部重绘的3种工作流搭建方法和原理讲解大家好，我是三石。阅读文章 > 二、开发方法论总览 整个开发流程遵循一个核心循环： 需求探索 → 技术调研 → PRD文档 → 架构设计 → 编码 → 自我测试 → 本地测试 → 发现新需求 → 新PRD → 循环 核心原则： 不急着写代码 —— 先聊清楚再动手。写代码是最后一步，不是第一步。 文档先行 —— 每次动手前先把设计文档写好，PRD 是项目的"真北"。 写→测→改 —— 每写一个模块
UISDC ↗
基于IP的卡通配图怎么做？教你用AI轻松实现！
一、全文速览图 嗨大家好，我是阿真！ 人一到放假就不想努力，我不知道大家是不是，反正我是。今天分享一条之前大家问过好多次的：我的公众号文章的插图是怎么做的？ 其实我大部分时候是用的之前的一个 Skill，安装上飞书 CLI，然后把飞书云文档我写好的文章的链接发给 Codex，让它调用 Visual-Style-PPT 那个 Skill 帮我生成配图，这里可以不用九宫格。也可以直接要求它生成配图。 这个 Skill 在哪里？这条路径怎么做的？之前我分享过，可以看这篇，作图的思路是完全一样的： 当我用Codex做PPT，这可能是目前最好的解法之一一、全文速览图 嗨大家好！阅读文章 > 这个
UISDC ↗
AI用得好不好，跟你会不会管人是同一件事
全文速览图 AI时代最该读的10本书，没有一本讲AI一、全文速览图 昨天看到一个粉丝的评论。阅读文章 > 故事是这样的。 这个端午节在家，终于可以休息了，然后几乎就是疯狂的用Agent来做自己好玩的东西。 有图为证，最近这个假期，差不多干掉了2000多万的token。 这里我防杠一下，我知道可能会有人说，你这好几天才干掉2000万token，也不算啥，我基本每天API都是一个亿起步。 我想说首先我不是那么重度的用户，我就是个普通的爱好者，其次这个PK在我看来没有任何意义，因为只能说明你烧的多但是不代表质量高，最后这个Claude Code客户端的token消耗计算是不算缓存的，如果算
UISDC ↗
20000多张照片6年没整理，AI半小时帮我全搞定了！
全文速览图 AI时代最该读的10本书，没有一本讲AI一、全文速览图 昨天看到一个粉丝的评论。阅读文章 > 你手机里是不是也有一堆照片，一直想整理但却觉得太麻烦？ 我猜看到这篇文章的人里，至少有一半手机内存是常年飘红的状态。旅游照片、各种截图、聊天记录，全混在一起，一直没空整就一直堆着。 我的情况还要极端一点。从我家娃出生的第一天起，我就想每天坚持给他拍照记录。不知不觉他6岁多了，手机里攒了好几万张照片跟视频，手机早就给干满好几回了。 担心照片没了，我还专门买了个移动硬盘，有空就把手机里的照片导出来备份。但问题来了，导出来的照片跟视频堆在一起，乱七八糟的，一想到要整理就头皮发麻？ 前几年
UISDC ↗
资讯/神器/素材全都有！2026年6月设计周刊第五波
一、全文速览图 资讯/神器/素材全都有！2026年6月设计周刊第三波一、全文速览图 二、业界动态 1. 山姆新 LOGO，更蓝了 新标识继续保留菱形结构，但蓝色更重、识别更直接。阅读文章 > 二、业界动态 1. KFC「Bucketverse」补足了品牌系统升级的细节 JKR 将 KFC 标志性的炸鸡桶从包装符号升级为品牌系统核心资产。新系统包含 3D Logo、标准化桶形语言、Kentucky Fried Serif / Sans 字体、更新后的 Colonel 形象以及 Herbs & Spices 辅助视觉系统。 对品牌团队而言，这是一次典型的保留高识别资产，同时把资产扩展为界
UISDC ↗
AI时代最该读的10本书，没有一本讲AI
一、全文速览图 昨天看到一个粉丝的评论。 我觉得还蛮有趣的。 因为我最近也看到一些所谓的AI时代必读清单，但是都太技术了，各种Prompt、大模型原理之类的。 并不是说这些东西不好，只是我觉得，这些书籍太AI了，而这个时代，我一直觉得，也一直越来越确信，决定你能不能把AI用好的，从来都不是你对AI了解多少。 是那些可能跟AI毫无关系的底层能力。 AI本身在进步，工具会迭代，模型会换代，今天的各种各样的技巧，明天可能就被模型比如fable5自己的能力升级给淘汰了。 但，人的很多底层能力和认知，是不会过期的。 所以今天想做一件可能有点冒犯的事，给大家推荐10本我自己读过的，觉得对我自己理解和学
UISDC ↗
用AI生成的图标不高级？试试这10个大厂设计师私藏图标库！
一、全文速览图 案例实操！教你用GPT Image 2 出设计图，Codex 快速部署上线一、全文速览图 我用AI给自己做了一个潮牌，从品牌名到Logo到视觉系统，一套全出了。阅读文章 > 前两天有人问我，有没有好用的图标库推荐。 我翻了一下自己平时收藏的，发现还真不少。 所以这篇就顺手推荐一些质量还不错，也比较适合AI调用的图标库以及调用方法。 有时候设计页面或vibe coding时，图标会直接影响页面质感。 如果不指定图标库，AI 很容易自己乱猜：这个是细线描边，那个像实心块，导航和按钮看起来像从不同网站拼来的。 所以今天这个小妙招很简单：在 prompt 里直接指定图标库。 二
UISDC ↗
别再写提示词了，你应该设计循环来提示你的Agent！
一、全文速览图 2026最新AI职业风口！月薪最高10万的 FDE 到底是什么？一、全文速览图 去年六月，a16z 发了一条推，说了一句很绝的话: The forward deployed engineer is the hottest job in startups right now. 我当时扫了一眼，FDE，三个字母，跟 FE（Front-en阅读文章 > 二、一行代码都不写的人 2026 年 6 月，Claude Code 的创造者 Boris Cherny 在 Anthropic 开发者大会上说了段话： 我已经不给 Claude 写提示词了。我有一堆循环在跑，它们
UISDC ↗
实测GLM-5.2，国产Coding模型的又一座新高峰！
全文速览图 从0到1带你速通WorkBuddy，这可能是最适合国内的Agent产品一、全文速览图 之前我写了 Claude Code 和 Codex 的从 0 到 1 的新手教程，反响都还不错。阅读文章 > 最近整个世界的魔幻程度，真的让人唏嘘。 最近Anthropic收到了美国商务部的一封信。 信的内容很简单，以国家安全为由，要求Anthropic立刻暂停所有外国公民对Fable 5和Mythos 5的访问权限。 而且不只是美国境外的用户，也包括美国境内的外国公民，甚至包括Anthropic自己公司里的外籍员工。 然后Anthropic做了一个让所有人都没想到的决定，为了确保合规，直
UISDC ↗
TDC获奖字体免费商用！这款优雅流畅的字体抓紧收藏！
一、全文速览图 闭眼放心商用！3 款质量极高的中文字体重磅上新！一、全文速览图 大家期待已久的免费中文字体来了，以后会多给大家收集推荐一些免费、开源、可商用的中文字体。阅读文章 > 二、字体简介 本期免费字体 Gentium Plus 来源于 SIL International，是一款专为多语言排版而设计的人文主义衬线体。它流畅自然、柔和易读，曾获得 TDC 字体设计奖，在学术、教育和跨文化出版领域备受欢迎。 三、字体介绍 以下是我根据自己的理解，对这款字体做的一些介绍： 本期推荐字体是一个重量级的获奖字体，是一套人文主义衬线体，是 Gentium 的 Plus升级版，家族有2套字
UISDC ↗Incentive Structures for Diary Studies
A mindful incentive structure can keep diary study participants engaged and responding, without overloading you with low-quality responses.
Nielsen Norman ↗
教你用 Codex+Obsidian+飞书搭建自动化知识库！
一、全文速览图 大家好我是风筝 kk，不知道你们有没有这种感觉。用 AI 的时候，它每次都能回答你，但总觉得它不太懂你。 它不知道你以前做过什么项目，不知道你沉淀过哪些方法，也不知道你自己的设计判断标准。 所以我这几天一直在折腾一件事：把 Codex 和 Obsidian 和飞书跑通。 说人话就是：让我可以把飞书里的系统资料，直接沉淀到自己的黑曜石知识库里，让知识库成为 AI 调用的知识底座。 整个过程并不复杂，不需要任何代码知识，学会后你就可以蒸馏你自己的工作流了。 从0到1带你速通WorkBuddy，这可能是最适合国内的Agent产品一、全文速览图 之前我写了 Claude Code
UISDC ↗
从0到1带你速通WorkBuddy，这可能是最适合国内的Agent产品
一、全文速览图 之前我写了 Claude Code 和 Codex 的从 0 到 1 的新手教程，反响都还不错。 从0到1带你速通Codex，我整理的终极保姆教程来了！一、全文速览图 最近Codex的热度，真的感觉直线飙升。阅读文章 > 但写完之后，评论区里一直有一类声音说，这些工具是好，但是用不了啊。 确实，这两个产品虽然强，但它们对国内用户来说并不友好。 而大家日常的办公需求又是实实在在的。 然后，就有很多朋友问，能不能讲一讲，WorkBuddy 的教程。 坦率的讲，WorkBuddy 确实也是我觉得国内为数不都的，口碑还不错的通用 Agent 产品了。 所以这次，我也决定写一篇
UISDC ↗
资讯/神器/素材全都有！2026年6月设计周刊第四波
一、全文速览图 资讯/神器/素材全都有！2026年6月设计周刊第三波一、全文速览图 二、业界动态 1. 山姆新 LOGO，更蓝了 新标识继续保留菱形结构，但蓝色更重、识别更直接。阅读文章 > 二、设计资讯 1. Figma 官方出了网站直接转 Figma 文件插件 捕获你的实时网站，并将其作为可编辑图层导入 Figma。 支持导入实时页面或元素，无需代码库、终端或编程。直接从浏览器中抓取完整页面或选择所需元素。 不过该功能尚在测试阶段，仅限 Pro 及以上计划用户使用。 Chrome 插件： https://chromewebstore.google.com/detail/figma
UISDC ↗
2026年的毕业生们，正在花钱向AI证明自己是人类
全文速览图 让5个AI文明自己活15天，Claude建成了乌托邦，Grok四天团灭！全文速览图 这两天刷到了一个AI领域的实验，给我看入迷了，特别好玩。阅读文章 > 最近毕业季了，我发现了一个现象。 天下学子，真的苦AI久矣。 最近公司里有几个大四的小伙伴，快被毕业论文的AI率检测给逼疯了。 每天都能看到他们下班后，在工位上一脸崩溃地改论文。 因为现在很多大学的毕业论文，都有一个非常强硬的AIGC率检测，不能超过一个百分比，如果超过了，你就没办法毕业。 这个百分比，有多不准，了解过的朋友可能都有数。 毕竟，之前我让它们检测《滕王阁序》，都是92%的AIGC率呢。。。 然后我们公司马
UISDC ↗
我试了1小时，才总结出 GPT Image 2 生成高清4K网页的方法！
全文速览图 从原型到落地！教你用GPT Image 2融入真实设计项目一、全文速览图 最近在做一个运营监管平台大屏。阅读文章 > 大家好我是风筝KK，最近在体验AI在工作流中的应用，前两天收到一个粉丝的问题，他问我： 开始我觉得很简单，对他说，那你让AI帮你生成4K图就可以了。 但是他对我说，说了4K还是不行。 我就在想，是不是他的关键词没对。 但实际测试之后我发现，事情没这么简单。 接下来我就把实际探索的流程和大家分享。 下面是无删减的尝试过程。 为了严谨，我发了一段话给AI，让他帮我生成提示词： 很顺利，我把第二个提示词发给AI，他就把图片生成好了，分辨率确实改为了1920
UISDC ↗
Designing With Uncertainty: How AI Supercharges Probabilistic Thinking
In a world where AI is informing more design choices, it’s easy to mistake predictions for certainties. This article introduces Probabilistic Design, a mindset that allows UX and product teams to accept uncertainty, decipher AI outputs with nuance, and make smart, adaptive decisions.
Smashing Magazine ↗
The Impact Of Humanoid Robots On Humanity
We have officially moved past the era of humanoid robots as mere public relations stunts. As they become increasingly lifelike, society may soon face profound social, psychological, and ethical challenges. What happens when the boundary between humans and machines becomes almost impossible to distinguish?
Smashing Magazine ↗
The Benefits Of Cognitive Inclusion In UX Research
Findings from an exploratory user research study highlighting the unique insights and practical UX recommendations shared by participants with cognitive disabilities.
Smashing Magazine ↗