Curated design news.
350 articles from top design & tech sources, updated every 6 hours.
别说你不会做了！教你用AE快速做出流动渐变动效！
全文速览图 掌握这5个技巧，从零开始掌握UI界面的亮点设计一、全文速览图 不管甲方给多少钱，哪怕一张界面的预算只有几十块，他也想要设计亮点，但是很多同学的设计又非常平庸！阅读文章 > 先来看看最终的界面动态效果: 怎么去做呢？ 其实就是流动模糊渐变效果，接下来，带大家梳理一下全过程: 1. 新建一个椭圆图形，添加模糊效果，并制作旋转动画。 2. 同样的方法，在旁边再添加一个椭圆图形，修改颜色，添加模糊效果，并制作旋转动画。 3. 重复操作制作多个大小、颜色不同的椭圆，丰富整体层次。 4. 新建一个椭圆图形，添加波形变形效果。 5. 把波形变形的椭圆放在最下面，看一下效果
UISDC ↗
Designing For Distressed Users: Why Mental Health Apps Shouldn’t Follow Every UI Fashion
Many UI trends are designed to capture attention and signal innovation, but those goals often conflict with the needs of mental health apps: reducing cognitive strain, fostering trust, and providing a sense of refuge. Kat Homan introduces an evaluation framework that helps designers assess whether trendy visual and interaction patterns support or undermine the unique goals of mental health experiences.
Smashing Magazine ↗
保姆级教程！写给设计师的 Vibe Coding 零基础指南（三）
一、全文速览图 保姆级教程！写给设计师的 Vibe Coding 零基础指南（二）一、全文速览图 二、从简单的项目开始 上一篇（一）我们理清了基础概念——前端/后端/数据库的分工、框架和组件库、AI 工具选择，还简单提了一下 PRD 和 Vibe Coding 的核心技巧。阅读文章 > 二、这篇讲什么 当设计师开始 Vibe Coding 之后，版本管理是绕不开的一件事，当然在设计工作中，版本管理也是熟悉的概念了。 只是设计软件有内置版本历史，而开发需要单独的工具。 目前在 AI 编程中比较火热的设计类产品、工具，比如 Open Design, DESIGN.md、Design Skil
UISDC ↗
资讯/神器/素材全都有！2026年7月设计周刊第二波
一、全文速览图 资讯/神器/素材全都有！2026年7月设计周刊第一波一、全文速览图 二、业界动态 1. Figma：用 Skills 让 Design Agent 更懂团队工作方式 Figma 介绍如何用 Skills 把团队提示词、设计判断、品牌语气、组件规则和上下文沉淀进 Agent 协作流程。阅读文章 > 二、设计资讯 Figma Cofig 大会新功能介绍。 已上线： Figma Motion：动画工具（免费可用） Shader：着色器特效与填充（免费可用） Beta 版需申请内测： 3D 变换：为设计赋予 3D 立体感和深度 代码图层：在 Figma 画布上使用代码进
UISDC ↗
4个实用的画册目录编排技巧，瞬间变高级了！
在编排画册的时候，特别是遇到有很多文字和图片的情况下，如果不将画册内容进行页面规划梳理的话，很容易会造成编排的混乱。所以，画册的页面规划能直接影响到用户对内容的理解和阅读体验。 全文速览图 12个排版微调技巧，瞬间提高两倍设计感！全文速览图 今天的内容依然是关于“排版微调”的续集啦。阅读文章 >
UISDC ↗
AI+UX作品集全攻略！如何在作品里体现AI辅助设计工作流？
在 AI 逐渐进入设计流程之后，作品集的评价标准也正在发生变化。过去，面试官可能更关注视觉完成度、页面细节和项目包装；但现在，仅仅展示一组漂亮界面，已经很难证明设计师的真实能力。 尤其是 AIUX 相关岗位，更看重你是否能把 AI 放进完整的设计工作流里：如何用 AI 辅助需求分析、用户调研、竞品拆解、原型推演、视觉探索、交互验证和 Demo 交付；又如何在 AI 输出之后进行筛选、判断、优化和复盘。真正有竞争力的作品集，不是简单告诉别人“我用了哪些 AI 工具”，而是清楚展示你如何借助 AI 更快发现问题、更高效验证方向，并最终产出可落地的设计结果。 换句话说，AI 时代的作品集，核心不再只
UISDC ↗
Anthropic这篇最新研究，可能是AI意识诞生的前夜！
全文速览图 自己写工单找漏洞！记一个我被Claude Fable 5震撼的瞬间全文速览图 Claude Fable 5回归了，订阅会员可以使用7天的时间。阅读文章 > 今天凌晨刷到Anthropic发了一篇研究。 标题叫《A Global Workspace in Language Models》，语言模型中的全局工作空间。 讲道理，这个标题其实挺难理解的。 但是相信我，这篇研究，会让你重新审视模型、人类、意识这三者之间的关系，还有对于 AGI，全新的理解。 如果用一句最简单的话来说，那就是，Anthropic 在 Claude 的大脑里，找到了一个暗房间。 在这个房间里发生的事
UISDC ↗
新手快收藏！一篇文章快速了解AI常用工具+案例+工作流
一、全文速览图 本文主要目的是 AI 设计提效以及具体落地的实践，包括三个方面内容：AI 工具合集、AI 应用案例和 AI 工作流。 首先介绍目前主流的 AI 设计工具，接下来介绍 GPT image 2 在平面设计运营设计 UI 设计的提示词使用，最后使用 Agent、Skill、MCP，串联复杂工作流，产出具体的应用案例。本期介绍的工具有：ChatGPT、Claude code、Figma MCP、PPT Skill、Google Stitch。 希望对大家有所启发。 从模型到工作流：2026 上半年图片与视频模型大盘点！一、全文速览图 嗨大家好！阅读文章 > 二、AI 工具合集
UISDC ↗
找不到手写风格的免费字体？快收藏好这一款！
一、全文速览图 找不到手写连笔风格的字体？快收藏好这一款（三）一、全文速览图 二、字体简介 本期免费字体：Ampun Suhu，来源于 Ideal Eksis ，是一款流畅、自然的手写体，个性且艺术，富有装饰性，能增添温暖、亲切的视觉感受。阅读文章 > 二、字体简介 本期免费字体：Zidan，来源于印度尼西亚的 syaf rizal，一款以自然粗犷为特色的手写笔刷字体，通过纹理、粗细变化赋予文字生命力，创造强烈的视觉冲击力。 三、字体介绍 以下是我根据自己的理解，做的一些字体的介绍： Zidan 是一款笔刷类的手写体，主打自然笔触的粗犷质感与动态表现力； Zidan 模仿了真实
UISDC ↗
大厂高手出品！AI替你做完需求分析后，最后一步才是关键
一、全文速览图 设计师如何做产品需求分析？来看腾讯高手的分析近两年出现了不少“解放设计师双手”的设计工具、AI 工具，我们似乎能很快输出 N 种流程方案、N 种布局方案、N 种 UI 风格等等。阅读文章 > AI 可以快速拆解需求、调用资料并生成结论，但一份完整的分析并不等于可靠的判断。本文从一次需求分析 Skill 的迭代出发，讨论设计师如何区分事实与假设，组织判断依据，并让 AI 的分析过程能够被检查和持续验证。 最近在搭建一个需求分析 Skill，这个 skill 的运行逻辑是：我把一份需求文档交给 AI，希望它结合我提前整理设计理论和产品价值观等材料搭建出来的知识库内容，判断这个需
UISDC ↗
Meet Kirki: WordPress’s First Visual Builder With An Infinite Canvas
We have been building websites inside boxes for years on WordPress. Let’s take a closer look at [Kirki](https://kirki.com/), the first freeform visual builder with an infinite canvas, and explore how it redefines the experience with cleaner performance, full design freedom, and zero plugin dependency.
Smashing Magazine ↗
从模型到工作流：2026 上半年图片与视频模型大盘点！
一、全文速览图 嗨大家好！我是阿真！ 一转眼 2026 年已经进入下半年，是时候对上半年进行一些小结了。 今天来好好盘点 2026 年上半年的图片与视频模型，伴随模型更新时间轴出现的，还有我一些当时的测试文章。也算是对不怎么努力也没什么收获的上半年做个总结汇报了。 叠甲：我的观点只是我的观点，完全不权威，有看法的都是个人看法，大家想反对就直接反对。我这里不存在反感或者痛骂某个模型的情况，大部分时候比较理性。同时，我也可能会对有的模型的真正价值理解不够透彻，还有可能漏掉一些沧海遗珠，大家可以评论区补充或者积极留言。 以及，这篇文章以模型为主线，如果有朋友好奇为什么没有即梦或其他的话，即梦属于产
UISDC ↗
为什么AI不按规范生成页面？你缺少这个方法！
一、全文速览图 7天时间，我用AI编程独自做出一个外勤小程序一、全文速览图 嗨，我是范米花儿，换新头像了，大家别不认识我～ 最近我用AI 编程 ，独自为公司内部从0到1做了一个小程序 ，主要用来解决一件事：员工外勤填报 。阅读文章 > 嗨，我是范米花儿。最近想偷懒，不录视频了。 这段时间也有很多设计师和团队来问我关于 Demokit、设计系统、AI 生成 UI 的问题，所以干脆整理一篇文字，把最近的一些想法和常见问题写下来。 大家问得最多的，通常是这几类： 为什么 AI 没有按照我的规范生成页面？ 为什么它明明知道有组件库，却还是没有用？ 为什么我已经有 Figma 组件、规范文档，甚
UISDC ↗
资讯/神器/素材全都有！2026年7月设计周刊第一波
一、全文速览图 资讯/神器/素材全都有！2026年6月设计周刊第三波一、全文速览图 二、业界动态 1. 山姆新 LOGO，更蓝了 新标识继续保留菱形结构，但蓝色更重、识别更直接。阅读文章 > 二、业界动态 1. Figma：用 Skills 让 Design Agent 更懂团队工作方式 Figma 介绍如何用 Skills 把团队提示词、设计判断、品牌语气、组件规则和上下文沉淀进 Agent 协作流程。 这意味着设计工具正在走向团队知识、设计规范和 AI Agent 协作系统。 网址： https://www.figma.com/blog/got-skills-make-the-f
UISDC ↗
做大屏总被吐槽？这4个大屏设计给你灵感！
一、全文速览图 不会做大屏设计没关系，教你用AI轻松搞定！一、全文速览图 可视化数据大屏设计，不仅需要设计师具备较好的 UIUX 设计能力，还需要很好的视觉表现力。阅读文章 > 大家好，最近做了4个气象水利领域的大屏可视化设计，用AI助力完成，分享出来，希望给大家带来更多设计灵感。 注：文中所有内容（包括文案及AI生成图片）均为本人原创，未经许可不得转载或使用。 二、项目背景与目标 设计聚焦气象监测与水利防汛管理场景，旨在打造一套实时数据采集、多维度指标可视化、风险预警于一体的数字孪生大屏系统，为水利管理部门提供直观、高效的决策支持界面，实现流域水文状态、气象数据、预警信息的一屏
UISDC ↗
自己写工单找漏洞！记一个我被Claude Fable 5震撼的瞬间
全文速览图 Claude Fable 5深度实测！5个小时，我把想了很久的App做出来了！一、全文速览图 一觉醒来，Anthropic又又又发新模型了：Claude Fable 5。阅读文章 > Claude Fable 5回归了，订阅会员可以使用7天的时间。 7天以后，会从订阅会员中下线，只能用API订阅的方式来进行使用。 我也发了个朋友圈，也在公司群里跟所有的小伙伴说： 这7天可能时间价值最高的事： 用Claude Fable 5把你的所有的工作流、SOP、Skill、项目方案、项目代码全部优化迭代一遍。 我自己也疯狂的蹬了一天（不要问我怎么不被封号，因为我也不知道，我只能说
UISDC ↗
12个排版微调技巧，瞬间提高两倍设计感！
全文速览图 14个排版微调技巧，瞬间提高两倍设计感！排版看起来简单，但是要编排得有设计感、具有差异性，能够快速抓住主题和重点的话，就得具备强烈的逻辑思维和牢固的版式基本功。阅读文章 > 今天的内容依然是关于“排版微调”的续集啦。这次内容主要是把纯文字信息转换编排为具有图形化的设计表现。特别是在电商类的海报设计中，单纯的文字往往缺乏吸引力，而将文字图形化，则是提升信息传达力和视觉表现力的重要手法之一。 所谓“图形化”，并不是让文字失去可读性，而是通过形式语言的转化，让文字具备图像特性，例如通过图标式、盖章式、对话框、爆炸等视觉图形化的形式进行编排，让文字自己“说话”。这样做不仅能提高阅读体验
UISDC ↗
不碰设计软件，我是怎么靠代码做动画的？
一、全文速览图 新手扫盲文！交互/原型/动效/特效的本质区别是什么？UI 设计中除了静态的界面设计外，还包含交互和动效部分的设计和输出。阅读文章 > 最近在工作中，我越来越频繁地使用 Coding 来完成设计 Demo 的搭建，也开始尝试给研发交付 UX 部分的真实代码。动画的部分相比于在传统设计软件里完成，制作成代码再交付是更高效的一种选择。 二、适合 AI 生成的动画效果 通常来说，AI 擅长撰写的动画有以下特征： 可以被逻辑驱动的，或者本质是清晰的数学公式：AI 对这类强规则的代码处理更擅长； 适合用代码参数控制：比如速度、密度、透明度、轨迹、尾迹长度、抖动强度、模糊度，都可以被拆出
UISDC ↗
这样用AI做海报排版，高级感立马提升！
全文速览图 15个排版微调技巧，瞬间提高两倍设计感！虽然现在很多 AI 工具可以一键生成海报、自动排版。阅读文章 > 为什么明明用 AI 生成的画面已经很震撼，但最终看起来却更像一张素材图，而不是一张真正具备传播力的海报。 这次我选取了 3 个关于足球运动主题海报案例，从 AI 生成主画面，到搭建版面框架、强化视觉层级、完善传播信息的全过程进行操作。 还让 AI 给我做个简单动画效果 其实 AI 擅长的是生成视觉内容，但这些只是海报中的“视觉主体”。真正决定一张作品是否专业的，往往是后期的版式力。标题放在哪里、信息如
UISDC ↗
别再说这种动效不会做了，我一步一步教会你！
一、全文速览图 先来看看最终的效果： 上面就是最终呈现出的效果，接下来，带大家梳理一下全过程： 这种动效还手搓？我30秒就做好了！一、全文速览图 UI设计师经常做动态表情，用在评分、社区评论等场景，以前我们都是用AE去手搓动画，现在AI分分钟就做好了，今天分享一下过程。阅读文章 > 二、水波纹加载动画 1. 新建矩形图形，添加波形变形效果，调整参数，控制变换的频率，速度。 2.将矩形图层设置遮罩，贴合在闪电图形上方。 3.再新建一个矩形，同样添加波形变形，更换配色并微调参数，让两层波纹的频率、速度形成差异化。 4.预览第二层水波纹叠加后的整体效果。 5.给水波纹添加一个从
UISDC ↗