All

被新奇的交互方式吸引，一个 AI 助手。通过热键能看到屏幕上的内容，并根据问题它会在你的屏幕上画出提示。

一个吵到你必须起床的 iPhone 闹钟 App，UI 看着太舒服了。

开源、本地优先的 AI Agent，把 Claude Code、Codex 等多套 Harness 和多种模型收进同一个开箱即用

每日猜测游戏，识别每个着陆页是由Gemini、Claude还是GPT这三种AI模型中的哪一种设计的。

预制音效库，78 个语义化交互提示音，包含了936种开源的界面音效。最近真的挺多的，都大同小异。

在不改动任何现有 UI 的前提下,把混乱的 Figma 设计数据用自创的三层结构重新组件化、系统化,最终让非设计团队的工时减少约 30% 的实战复盘。

专门检测和修复网站动画性能问题的工具,由动画库 Motion 团队打造。给任意网站的动画性能打分并给出修复方案。

一篇采访约会软件 Hinge 的 CEO 杰姬·詹托斯 的文章。她以前在可口可乐、Spotify 做品牌和创意,后来跳到 Hinge 当营销负责人。整篇就是她聊自己怎么想、怎么管公司。

提供一堆现成的”炫酷特效”组件,直接拿来套在自己的网页上,网页立马就能有各种动态视觉效果

创意真不错，整个视频展示了如何利用 AI 将个人简历变得更加有趣。

一个AI口语陪练功能，终于上线了。虽然现在很多AI产品追求快速迭代，但Speak的开发周期较长，是因为开发者希望AI能够更好地理解用户的现实世界，而不仅仅是进行简单的对话。

一个可以在浏览器里自由探索经典游戏 3D 场景的电子游戏关卡博物馆。《宝可梦 白金》里的神奥地区。

腾讯的 miora 终于可用了，尤其喜欢 Miora 的 IP 吉祥物设计，记忆系统的设计也很不错。

一个能把文字直接变成图表的可变字体，只要输入一段特定语法的文本，字体本身就会通过 ligature substitution 把它渲染成内联图表。

探讨的是设计师们在工作身份之外的另一面：他们工作之余真正热爱、投入的事情。

所有能力都基于同一个多模态流匹配模型,分阶段推出:FLUX 3 Video、FLUX-mimic/Action、FLUX 3 Image,以及一个开放权重的多模态骨干模型 FLUX 3 Dev。

虽然有很多人用类似的方式来呈现作品集了，但每个都有不同的玩法。

越看越耐看的网站，配色克制。

1.0 的 Motion Copilot 主要是通过描述动作生成可编辑关键帧”。2.0 能建图形/文字/布局、管理图层、多对象批量编辑的全能助手

按钮微交互动画组件库,基于 React 和 Motion 构建

真实贴纸制作工具，可以在这里将文字或者上传的图片转换成可以真实撕下来的贴纸，还提供了复制嵌入代码的功能。

一个动画“思考球”组件，用来在界面上显示 AI/Agent 正在处理时的动画光球效果。

今天做 AI 产品的团队都以为自己站在”全新的无人区”,没有地图、没有规则。这个想法是错的,而且代价高昂——表现为返工、用户不信任、产品快速过时。

会读取你本地的 Claude Code 对话记录，找出重复出现的摩擦点，把它们转化成 CLAUDE.md 规则，并附上原文引用作为证据。你审阅 diff 后确认，它就自动应用。

开源、免费的「色彩符号系统」，用符号来表达颜色，解决色盲人群难以分辨颜色的问题。

在AI技术快速发展的背景下，创意行业从业者如何保持自身价值的问题。

免费提供模拟胶片预设的应用，可以让iPhone拍摄的照片呈现出经典Kodak、Fuji、Agfa和Polaroid胶片的效果。

能够通过一张参考照片，生成一个高质量的、可以动画化的Three.js 3D模型。这个工具完全是用代码编写的，不需要导入任何外部模型。

B站 up 主叉子周了一个可交互的手机博物馆，未来会上线所有主观经典的手机。

设计系统在使用智能代理（agents）生成内容时，需要引入评估（evals）机制来确保智能代理是否遵循了设计系统的规则和标准。

一套帮助改进产品不同部分的Skill，从动画、排版到布局和颜色。

Linear 官方推出的海报/印刷品周边商店，用自己产品的 UI 语言来卖印有 Linear 设计风格的海报

AI 驱动的设计师作品集诊断工具。用户上传一份作品集 PDF、选择评估重点，由 AI 拆解内容并生成一份结构化的诊断报告。

Pixel Point 发布的开源格式，让视频可以被程序控制的状态机来用，而不是一段只能从头播到尾，当前还在技术预览阶段。

拥有2.8万亿个参数，并且原生支持视觉理解。它被设计用于处理长程编程、知识工作和推理等复杂任务。

通过生长动态的反应扩散图案创作壁纸。

一个专门解答这个界面元素到底叫什么名字的 UI 视觉词典网站，并且能够为编程代理提供精确的提示

超级简约的个站设计，作者是一位来自俄勒冈州波特兰的专注于工艺的视觉设计师。

一个在线的图标动画编辑器。图标基于 Lucide 开源图标你选一个图标，配置动画参数，导出成动画 SVG

提供了一套”开箱即用”(copy-paste)的现成组件,用来展示 AI 在对话过程中会出现的各种界面状态

openAI 和Work Louder 联名打造的键盘。它能做的一切,本质都只是快捷键、菜单点击或浏览器标签页而已,你现有硬件免费就能实现

《AI 2027》曾预测：各公司竞相打造超越人类的 AI，结局要么是人类灭绝，要么是权力不可逆地集中到极少数人手中。Plan A 就是团队给出的”我们应该怎么做”的正面替代方案。

通篇的设计逻辑都基于拉丁字母，但底层的技术层面是通用的。

呼吁苹果取消对 macOS 应用图标形状的限制。macOS 26 把苹果自家几十个应用图标改成了Liquid Glass 风格，结果变得模糊、简化。但这点 27 的首个测试版倒是优化了，但更严重的是，Tahoe 强制规定了所有第三方应用图标的形状。

用于将口播文稿转化为高级编辑风格的半调纸拼贴动画 B-roll。

这个博物馆保存了塑造互联网历史的各种文化遗物。互联网是由人创造的，而不是算法、模型或机器。在过去的五十多年里，从ARPANET到ChatGPT出现之前，互联网都是通过人类之间的合作一点一滴建立起来的。

将你的github代码库转换成生成平面艺术作品。

一组Codex Skills，这些技能可以帮助那些有好产品、有真实经验，但不知道如何在小红书上表达清楚的人。手册负责提供判断，而AI工作台则负责执行。

让你从维基百科上随机看到各种各样的事物。目前已经收集了43,815个维基百科上的条目。

一家面向品牌、广告团队和视觉创作者的 AI 创意公司。

提供了128个问题，帮助你提升网页可访问性。你可以通过练习来掌握WCAG 2.2、ARIA、语义HTML、键盘操作和对比度等知识。

使用的是程序生成的声音，不需要使用任何音频文件，完全是通过合成来产生的。非常小巧，压缩后只有2KB，而且不需要任何额外的依赖。

EDFC是一款通过参数化设计生成装饰性字体的网络工具。你不是随便挑字体，而是移动滑块，塑造自己的字形，观察它们成长——这是一个为这种游戏而建的空间。

苹果官方的 iOS 27 and iPadOS 27 UI Kit 可以在 figma 和 sketch 下载使用了。

用于将音频转换为MIDI的多乐器自动音乐转录模型。它能够将各种类型的音乐录音，如流行、古典、金属、爵士等，转录成每个乐器的MIDI文件。

上周看了痴迷，新型恐怖片真的不错。然后发现官方还做了许愿柳的产品网站。

用于 React 的动画数字组件，可以创建具有动画效果的数字显示。这个组件是独立于其他依赖项的，并且具有可访问性和可定制性。

精心策划的设计书籍资源，为产品、交互和视觉设计师提供了一系列关于可用性、系统、排版、研究和制作实用物品的必读书籍。

在用户界面设计中，动画的使用应该谨慎。虽然动画可以使得界面更加生动有趣，但过多的动画反而会让用户感到困扰，降低使用效率。

dither 风格的图表，支持包括区域图、条形图、饼图、雷达图等

提供了一份关于识别和清除产品中 AI 生成内容的视觉特征的指南。它主要关注那些被称为“Vibe Coding”的 UI 设计。

用于网页应用的有弹性的动效库，可以调整弹簧的刚度和阻尼，然后轻松地将这些动效以CSS或React的形式复制到自己的应用中。

帮助产品设计师通过七个层次来深入理解和进行产品设计。分别是：表面、交互结构与流程、概念模型、产品与服务策略、用户需求、领域知识以及观察到的行为。这些层次被划分为三个区域：解决方案空间、问题空间和现实。

每周提供一期设计对话播客，设计师们进行坦诚、未经过度修饰的对话，让设计师们能够一起解决问题。

基于笔触行为的数字艺术画廊，每一幅作品都记录了完整的绘画过程，是可播放、可学习、可重新创作的。

上传后，你的网站（包括HTML、CSS和JavaScript等文件）会很快在Cloudflare的全球网络中上线，让你能迅速看到网站运行的效果。

Emil Kowalski 最新发布的 apple-design Skill，整理了Apple 在 WWDC 多年设计分享中的核心思想和方法。

类似 eagle 的设计师和创作者设计的私人视觉库工具。功能非常干净。

设计工程师是介于设计和工程之间的一个角色，它不仅仅是简单地在两个领域之间进行沟通，而是要将设计和技术结合起来，最终能够独立完成产品的开发。

将PNG、JPG或WebP格式的标志转换成适合动画的SVG格式，还可以生成动画logo的HTML代码、GIF或视频预览，以及透明背景的4K动画文件。

拥有出色的视觉和运镜的网站设计

丝滑的贴纸设计

设计和科技公司，探索 AI 如何改变设计团队工作流程，包括从静态设计稿转向完整交互原型，以及利用多 Agent 系统和保护机制生产更可靠的产品。网站做的也是非常牛。

能够生成渐变头像。这个组件不需要任何额外的依赖

一个名为《Éditions》的杂志，主要关注艺术、设计、文化和时尚等领域。杂志通过介绍世界各地有趣人物的日常生活、住所、工作室和藏书，来探索这些主题。

设计团队 Parakeet 为 ATP（Accidental Tech Podcast）的几个应用设计了新的图标。

GPT Live是OpenAI推出的一项新功能，它允许用户与GPT模型进行实时对话。这项功能使得用户能够更加便捷地与AI进行互动，获取即时的回答和建议。

可进行交互式精准编辑，但高密度信息的小字还是不太稳定，风格挺落地的了，并且支持原生多语种生成。

专为 macOS 设计的快速、原生的 Cmd+Tab 替代品。它提供了网格和列表两种应用切换器，支持模糊搜索和启动，以及窗口循环等功能。

这篇文章讲述了Claude Code是如何从一个内部命令行界面（CLI）发展成为Anthropic公司的编程代理的。

冲击力非常强的网站设计，相比不断堆叠视觉特效，现在很多网站都把重点放在版式、字体、摄影和品牌语言上

数字杂志风格的网站，排版挺好看的。

由Arlan Marat设计的，主要展示了他从网络上收集的一些视觉和交互设计组件，并且对这些元素进行了重新构建，使其变得更加易于使用。

在线 3D 产品可视化工具，在浏览器中就可以把 SVG 格式的Logo 或 3D 模型快速变成具有玻璃质感和动画效果的展示素材。

数字拼贴艺术工具，可以从库里挑选杂志，剪下自己想要的图片，然后将它们排列在页面上。

提供各种渐变、动态渐变、颗粒纹理和AI生成背景的网站。

8bit芯片音乐作曲工具，通过这个工具轻松创作出复古游戏风格的音乐

加州大学伯克利分校信息学院的研究团队探讨了设计师在使用AI工具（如Lovable）从自然语言生成界面时，如何表达审美品味以及其中遇到的挑战。

Transitions 出了一个可以实时调整和优化网页的动画效果的工具。

太抽象的个站了，信息获取效率很低，但细节非常多

由设计师和开发者人工筛选、评分的网站模板库

这款啤酒高仅12毫米，容量为0.005升，瓶身大小如同米粒。卡尔斯堡希望通过这一创新，提醒人们饮酒要适量，负责任。

Dametreus Ward的个人网站是一位专注于通过肖像艺术来展现时尚和美的艺术家。

专门为Framer、React和通过MCP连接的AI工具设计的动画组件库。

提供免费GPT Image 2和Nano Banana提示词的网站。

这个组件库的这个组件好玩，一个模拟抓娃娃机的验证码，用户需要通过操作抓爪抓取指定的玩具，然后将其放入指定的区域。

关于Rocket品牌的官方指南。

一位来自印尼的视觉艺术家，他主要擅长像素艺术、字体设计和网页开发。

设计灵感收集站，包括网页设计、OG图片、应用截图、应用图标、设计工具等。

免费且开源的SVG图标库。

免费且开源的自动工作日记和 AI 时间追踪器，专为 Mac 用户设计。它能够将你每天实际完成的工作以可读的时间线形式私密记录下来，无需使用计时器或标签，所有数据均存储在本地。

从电影中找配色灵感。收集了很多电影里的画面

高对比度的超长体明朝体字体,虽然重心较高，但设计上保证了稳定性

介绍了一种叫做“设计 harness”的设计方法，它的核心思想是利用AI助手的力量，同时结合人的判断，来推动设计过程的发展。

Lottiefiles 的 figma 插件可以支持导出 figma motion做的动画，但依旧难用，还是等一个 figma 原生支持。

一个面向品牌设计师、UI 设计师和创意工作者的在线视觉探索工具。它的定位更接近于 品牌视觉方向生成器

为什么今天很多网站喜欢自己造各种 <div> 组件，却忽略了 HTML 本身已经提供的语义能力。

一个物理工具，帮助用户减少屏幕时间，保持专注。

动画模板库，可以将设计动态化展示。

曼彻斯特的创意设计工作室，同时也是一家艺术印刷店，作品很美丽。

给 Codex 使用的 Skill 库，用来稳定生成统一风格的图标。

策展网站，收集并介绍实验性和新颖的界面表达。

figma motion 的案例。

raycast 的 glaze 终于出了，可以让用户能够通过描述来创建桌面应用的工具。

提供免费的Figma设计资源,更棒的是可以直接复制到 figma 中。

帮助 AI 工具连接到 X API 和开发者文档

动画和声音设计师的作品集。

回放图层而不改变图层的原始属性。这个插件主要用于展示设计过程，让设计师能够像插画师一样展示他们的创作步骤。

海报设计工具，无需注册账户，也不会追踪用户信息。用户的所有工作都保存在自己的设备上。这个工具提供了丰富的模板和设计选项

这篇文章提出了39条设计原则，旨在帮助设计师创建出更有效、更透明、更负责任的AI界面。

一个数字机构的官网，网站细节挺丰富的，甚至在 ico 图标上做了聚焦和不聚焦的状态。

一个替换系统自带的 Dock的工具

如何制作一份AI能够轻松理解的设计文档，以便AI在设计过程中能够正确地参考设计原则和规则。

Shopify 在上次着陆页火了后又发了一个新的版本。

“Play”是一个既复杂又易于使用的工具，它让用户能够使用SwiftUI框架构建交互式原型。

可爱的登录页，悬停小动物时伴有音符。

Logo设计灵感库，提供了超过1,200个由顶尖设计师创作的Logo，用户可以根据颜色、风格、形状和背景进行筛选。

Jitter 更新了效果和着色器，可以一键添加效果和着色器，包括扭曲、3D 翻转、抖动、法拉第玻璃等。还可以使用 AI 效果生成自定义效果。

是一个展示创意包装设计的网站，精心挑选和展示来自世界各地的包装设计项目。

设计系统与人工智能 AI 之间的新关系。作者Murphy Trueman回顾了自己之前关于设计系统用户将变为AI代理的预测，并指出这一预测正在迅速实现。

Astryx是一个开源的设计系统，它非常灵活，可以完全自定义，并且适合智能代理使用。

作者一直希望能在 Finder 中选择一个文件夹，然后就能在一个地方看到所有散布在其子文件夹中的图片和视频。

免费ASCII艺术生成器，可以将任何照片或视频转换成ASCII艺术、像素艺术、体素、马赛克、半色调、故障艺术或乐高风格。

基于浏览器的 3D 设计和动画平台，用户可以直接在浏览器中创建 3D 模拟和动态图形，并且可以导出高达 4K 的视频。

一个专门用于检测AI生成文本的工具。它能够以99.98%的准确率识别出由ChatGPT、Claude、Gemini等AI模型生成的文本，并且得到了第三方的验证。

网站的主要功能似乎是让人们能够收集互联网上的各种内容，就像玩一种收集玩具的游戏一样。

土耳其设计工作室 FOL 为自己成立 10 周年制作的一套字体 FOL 10 Font Family。整个字体家族免费提供下载。

要介绍了 Figma 的新功能，允许用户直接在设计文件中构建个性化的创意工作流程。

Config 2026 会议为 Figma 画布带来了许多新功能，让设计和创作变得更加丰富和高效。

一个AI设计生成器网站，能够快速将一个简单的提示转化为精美的网站设计、应用程序模型、图形和营销视觉元素。

随着人工智能的发展，产品体验设计所面临的挑战和机遇。传统的用户界面设计已经不足以应对现代的AI产品，因为AI产品更加复杂和动态。

探讨了界面声音的概念，通过实例和观察，以及一个名为 VELVET 的框架来展示。

一款Mac应用，旨在帮助用户快速完成日常工作中那些琐碎的任务，比如写作、翻译、纠正错别字、从图片中提取内容等。

一个专门为Three.js着色语言（TSL）设计的可视化节点式编辑器。

OpenAI 发布的一套围绕 AI 网络安全能力构建的体系。核心目标是：利用 AI 帮企业发现漏洞、验证漏洞、修复漏洞，并将安全能力直接嵌入软件开发流程。

专为完成复杂工作而设计的浏览器，它能够跨多个网站、账户和历史记录进行操作。

Olivier Larose的个人网站，主要分享了他最近的探索和项目。博客中包含了各种网站教程和演示，涵盖了动画、过渡效果、3D效果等多个方面。

专门收集和展示社交媒体帖子设计的平台。

使用 GPU 加速的终端模拟器。它被设计成一种原生应用，界面美观。

基于shadcn/ui构建的组件库，旨在帮助用户更轻松地创建图表和数据可视化。

使用AI来创建Airbnb风格的等距立体图标的方法。用户可以在这个网站上生成各种自定义图标。

Vercel公司对于设计工程师的一些指导原则

主要讨论了Atlassian如何测试Google的设计 md 格式，以及它在实际应用中的表现。

有丰富图片动态排版模板的工具。

figma 官方插件，将网站复制粘贴到可编辑的 Figma 层。

探讨了在当今时代，当几乎每个人都可以编写软件时，真正重要的是什么。

生成式着色器工具，创建循环的抽象着色器效果背景。

款基于 Astro 框架的工具，专门用于帮助用户构建美观且高性能的文档类网站。

Apple 关键的设计原则，包括目的、能动性、责任感、熟悉度、灵活性、简单性、工艺和愉悦感

小互在X平台上发布了一篇文章，提到自己将一个使用了半年的视频翻译工具开源了。

这个库受到了翻动点显示的启发，用户可以浏览其中的集合，创建自己的加载动画，并且能够将动画导出为SVG、React或Flutter格式。

设计师如何真正掌握AI工具，而不是仅仅学会如何使用它们。作者认为，掌握AI工具的关键在于根据设计师自己的思维方式去调整和运用这些工具，而不是遵循固定的使用方法。这种掌握是个人化的、多样化的，并且是一个持续的过程。

用于 React 的组件库，提供生产就绪的动画、过渡和背景。可以使用 shadcn CLI 来安装它，并且可以拥有所有的代码。

用于 React 的动效 UI 组件库。它结合了 Tailwind 4 和 React 19 技术，提供了一系列具有干净动效的、可直接复制的组件。

关注电影、游戏和其他媒体中的抬头显示（HUDs）和图形用户界面（GUIs）。

个开源技能和工具，用于使用 codex/claude 代码生成可用于生产的 Lottie 动画。

收集了网络上最佳网站导航栏设计灵感的集合。

绘本作品，作者Oliver Jeffers 的网站做的也很不错。

精选的最简约、最干净的网站集合，专注于展示那些没有过多动画、没有滚动劫持的纯粹、简单的网页设计灵感。

是一本面向设计师和前端的「设计词典 + 设计基础知识索引」

今年的设计也还不错。GitHub Universe 是 GitHub 的全球开发者活动，这个活动每年都会举办一次，旨在为全球的开发者提供一个交流和学习的机会。

Opacity 发了全新的品牌。一个最小可行品牌。

Soleio与著名技术家和设计师拉斯穆斯·安德森的深入对话，拉斯穆斯分享了自己丰富的经历。

述了如何像设计师一样思考和解决问题。文章首先强调了理解问题的重要性，指出在着手解决问题之前，必须深入理解问题的本质和背景。

Aave 设计团队公开的一次技术拆解，讲的是他们如何把类似 Apple Liquid Glass 的玻璃折射效果做成一个真正可用于生产环境的 Web 组件库。

一个在线多人世界，结合了游戏、艺术和工具的特点，将互联网变成一个由用户共同塑造的、活生生的共享世界。

这篇文章探讨了AI领域的一个重要概念——递归自我改进。简单来说，递归自我改进指的是AI系统能够自主设计和开发自己的后续版本。

提供了一系列有用的工具。它包括了各种类型的工具，比如灵感来源、游戏界面数据库、颜色选择器、UI组件库、3D建模工具、音频编辑工具等等。

Reve 2.0 是一种创新的图像生成和编辑工具，它将图像视为代码，从而提供更精细、更可控的创作体验。

和上周腾讯的马维斯差不多的一款AI助手，它可以帮助你管理邮件、安排会议和处理日常事务。但设计更有意思一点。

提供了一种快速绘制标志的方法。这个方法利用锁定的方形和等距网格，使得用户可以轻松地设计出各种标志。

全新GPU Canvas层进入早期访问，支持3D模型、着色器和自定义效果演示。

把 design .md 转换为 frame .md。用于描述品牌和指导创作的工具。

用比较系统的视角，解释了前端接口如何从“固定设计-开发-交付”转向“Agent 实时根据用户需求动态生成/渲染 UI”，让 Agent 不再只是“描述”，而是直接“展示”。

公开的 Design .md注册中心，主要用于设计系统和代码代理。用户可以通过一个命令来安装 md 设计系统，这些系统被编码和设计代理读取，以生成一致的界面。

一个可以将图片序列转换成快速剪辑视频的工具。用户可以根据颜色对图片进行排序，并且能够添加从渐变到视频的各种背景。

浏览器图像编辑器，通过它创建出具有电影感的视觉效果。这个编辑器提供了多种滤镜和效果，比如黑白、霓虹、金色时刻、月光等，以及点阵、乐高、拜尔矩阵等像素效果。

Threads 对其图标和字标进行了更新。这次更新的主要目的是为了让 Threads 拥有一个更清晰、更独立的品牌形象，并且让它和 Meta 旗下的其他应用区分开来。

意大利艺术总监 Alessandro Scarpellini 亲自运营的策展网站。 她专注于品牌建设、编辑和平面设计，亲自从世界各地挑选案例研究。

探讨了视觉设计和建筑中一个特殊的方面：视觉校正。

用于 React 效果很不错的实时动画线形图组件。非常轻量，只需要 React 18，并且能够在 60fps 下平滑地插值。还提供了一些可选的功能，比如动量箭头、粒子效果、订单簿、时间窗口等。

卡兹克把电脑清理软件做成了开源skill

继动森风格的组件库后又来了一个受《塞尔达传说：旷野之息》启发的 React UI 组件库，包含 84 个组件。

一个为 SwiftUI 开发者提供的工具，它允许用户创建漂亮的金属着色器，而无需编写一行 MSL（Metal Shading Language）代码。

这个功能是集成在Principled BSDF中的，专门用于渲染薄、半透明和透明的表面。

这个GitHub仓库包含了41种精心挑选的SwiftUI Metal着色器效果，包括全息箔、万花筒、磁场、故障、霓虹边缘等

一个小巧的JavaScript库，用于在网页上绘制圆角矩形（squircle corners），这种连续的曲线在Figma和iOS中广泛使用。

讨论了设计评审结束后，设计师应该如何跟进和反馈，以维持和提升团队的反馈文化。

一个关于涟漪效果的交互式演示。可以通过调整各种参数来控制涟漪的外观和行为。这些参数包括波速、波宽、涟漪密度、位移、RGB分离、发光效果、噪声扭曲、持续时间、缓动效果等。

处理截图或视频的工具，可以做动态和效果。可以上传自己的截图或视频，支持的格式包括PNG、JPG、SVG、MP4、WebM，或者直接上传代码。

一个利用AI技术帮助用户开发原生Swift应用的工具。

为 React 和 Next.js 应用程序提供的语义声音层。它的主要功能是为用户界面交互添加有意义的音频反馈。

展示精心挑选的演示文稿、幻灯片、主旨演讲和指南的网站

干净的个人网站设计，书架的展示真不错。

Mike Kus 在 X 平台上分享他在布拉格 webexpo 活动上的发言经历，并展示了他做 PPT 的过程。

可以通过将 Make 连接到你的代码库来可视化编辑并发布更改

腾讯出的一个智能创意工作室，它通过自然语言描述来调用多个智能体，帮助用户自动完成复杂的设计任务。

Cursor · Compile 的网站设计真不错。是 Cursor 举办的一个会议，时间是 6 月 16 日。专门邀请一些人参加的，比如工程师、研究人员、设计师和开发者等，一起探讨软件的未来发展方向。

CapCut 推出设计工作室 2.0 版本，强调这是一个重新设计的体验，旨在让设计更加直观、视觉化，以及探索性，更符合人们自然产生想法的方式。

Web Clipper 更新了独属的图标，挺好看的。

由 Framer 设计、Work Louder 开发的低矮型机械键盘。

Jakubantalik新作，图片加载组件，非常适合用在 AI 图片生成上面。

如何使用 Codex 和 Claude Code 这两种人工智能工具来重构前端 UI 的经验。

关于制作圆形刻度盘的工具。可以通过调整各种参数来设计自己的刻度盘。

一个设计灵感网站，每天都会精选各种用户界面设计、作品集和灵感。

艺术搜索引擎，它收录了来自22个博物馆的超过15.5万件艺术品。

一个开源的个人网站模板，使用Astro、TypeScript、Next.js等技术构建。

又一个创建云朵的工具。可以通过输入文字来生成云朵，使用空格键或回车键来清除云朵。

由Designer Fund和Foundation Capital发布的报告，旨在探讨设计团队如何适应AI技术，包括工具、工作方式和团队组织等方面的变化。

2025-2026年SaaS创业公司网站上流行的水平Tab切换器英雄区布局（Stripe、Linear、Notion等率先采用，现已广泛扩散）。

nucleoapp的作者做了一个SVG 背景图案生成器，可以帮助用户创建和自定义无缝的SVG背景图案，用于网站和界面设计。

任天堂内部的技术/后台服务子公司官网，滚动显示的 TypeScript 代码动画挺好看的

哥本哈根的创意动画公司，专门为您的策略和品牌制作令人难忘且吸引人的动画和动态图形。他们提供从创意到成品的全过程服务，包括艺术指导、文案撰写、故事板设计、音乐和音效等。

用 figma 做的网站，图片模板工具，适合用于社交媒体展示。

一款健身应用，旨在帮助用户清晰地进行训练，快速记录训练数据。动画很有丝滑。

提供了一系列小巧但功能强大的工具，帮助用户创建像素级精确的内容，包括消息模拟、邮票、Instagram标签和动画叠加等。

Instrument 公司曾与 EA 合作，帮助其进行了一次大型的品牌转型。

AI 图像生成和编辑工具，它将集成到 Google Workspace 中。

用于React和Next.js的库，可以创建基于着色器的页面炫彩转场效果。

更新不少内容，这次的新图标还蛮好看的。

Animal 风格的 React 组件库 灵感来源于任天堂《集合啦！动物森友会》游戏界面

开源的动画ReactJS组件，这些组件可以直接复制并粘贴到任何项目中使用。

tereotype Design 的艺术家和设计师 Mike Joyce 推出的一个项目。由朋克摇滚和瑞士现代主义的结合，将这两种几乎无关的风格结合，重新设计了复古的朋克、硬核、新浪潮和独立摇滚演出海报

如何使用SVG和GSAP.js构建一个动画地图。目标是创建一个引人注目的交互效果，这个效果简单、轻量，并且不需要依赖第三方地图API。

设计师 Soon 的作品合集，还有一些关于Soon的个人思考和经验分享，包括他对编程、设计和创新的理解。

展示艺术家如何使用颜色的历史记录。通过分析艺术家的公开作品，追踪他们使用的主要颜色、色彩指纹以及他们一生中调色板的变化。

官方GSAP AI技能。这些技能教AI编程 Agent 如何正确使用GSAP，包括最佳实践、常见动画模式和插件使用。

Codex 官方团队的教程，如何更高效地使用 Codex

将代码库里内容之间的关系和依赖项整合到一个清晰的视图中，方便人类和AI理解。

给文石阅读器用的无线翻页器，设计挺好看的，但纯纯是有点形式主义了。

可以直接在画布上进行操作，帮助设计师更高效地完成工作。这个 Agent 能够理解 Figma 平台，并与设计系统深度集成。

腾讯出的一款AI助手，能够理解你的文件，支持本地文档和图片的AI搜索，还可以用一句话调用APK和EXE应用。

一个开源的库，它可以将HTML代码转换成可以在Figma中完全编辑的图层。

主要展示和销售各种字体设计海报。

一个由微软开发的先进的大型 3D 生成模型，拥有 4B 参数，专门用于高保真度的图像到 3D 生成。

介绍了2026年设计师们最常使用和喜爱的15款字体。

干净的个人网站，Tobias 的作品涵盖了品牌识别、产品设计、图形海报设计等多个领域，展示了他丰富的创意和设计能力。

有意思的交互，光标在 hero 区和机械臂互动，会被机械臂抓住光标并扔掉。

上周 spotify 更新了图标后，有人在 cosmos 上创建了一个迪斯科灯球风格的图标合集。

排版设计的图形设计档案库。展示了各种排版作品，包括新字体和新书写风格。

讨论了2026年设计职位要求的变化。作者通过分析多个知名科技公司（如Anthropic、Vercel、Cursor等）的最新招聘信息，发现设计职位的要求有了显著的变化。

2026年苹果设计奖的决赛名单已经公布。

Jitter AI制作的动画设计模板集合

OKUYO公司为了庆祝其120周年而特别制作的，hero 区域好看。

一个用于构建、组织和分享Shadcn UI 组件的平台。用户可以创建可重复使用的设计系统，管理组件库。

一款由 Lerbb Group 设计的免费几何无衬线字体，包含10种字重、完整的斜体变体以及三种格式（OTF、WOFF、WOFF2）。

一个用于展示和比较由大型语言模型生成的Pokémon主题SVG图像的排行榜和图库。

可以创建渐变边框。用mask-composite技术，让渐变能够连续地围绕整个元素边缘流动。

把声音重新带回 interface design

一个带声音的组件库，让声音重新成为 UI 的一部分。

这是一个专门追踪人形机器人行业的网站。

一个机构官网，很少见用色这么大胆的网站，不过也挺符合他们的他们打破常规，不断进行新的想象和实验的理念

一个个人网站，滚动页面时，页面会像翻书一样翻转。

一款注重隐私的 RSS 阅读器，提供了一个浏览器扩展，帮助你无限制地阅读博客。这个扩展可以绕过浏览器的安全限制（CORS），让你能够通过任何网址关注任何博客，并且能够即时刷新内容，同时保护你的数据隐私。

轻量级终端复用器，提高终端使用的效率和便利性，特别适合需要同时处理多个终端任务的 macOS 用户。

以自然为灵感的网页设计系统集合。可以将一个简单的自然图案（比如动物、花朵或石头）转化为一套完整的设计系统，包括8种颜色的调色板、适合浅色和深色模式的主题，以及匹配的PowerPoint和Word模板。

lovable 出了一个设计灵感网站，提供了很多利用 lovable 做的优质网站。

允许用户通过简单的自然语言来创建自定义动画效果。

供了一系列免费的点阵加载动画，适用于各种应用程序。

使用 AI 生成 macOS 应用图标的桌面应用程序。应用会根据描述生成多个图标选项供选择。

Jakub Krehel 的设计教程，每月至少一期新内容，并提供一个由Jakub Krehel个人阅读和使用的资源库。

云朵风格 logo 生成器。可以上传自己的 logo 转换成云朵风格。

探讨了在艺术、设计和创意领域中什么是“好品味”的问题。它指出，品味虽然常常被认为是主观的，但实际上是经过长时间的文化发展、辩论和批评形成的，并非完全凭感觉。

随着工作在代码和画布之间更加流畅地移动，工作流程不仅仅是改变，它们正在融合。

Paper 内置了QuiverAI 的 SVG 生成功能

自动生成最新代码文档的工具，节省手动编写文档的时间。能够即时提供代码库的洞察、API参考和架构概览。

CSS中的will-change属性，它是一个提示浏览器某些属性即将发生变化的属性。当使用will-change属性时，浏览器可能会提前将元素提升到自己的合成层，从而优化动画性能。

视频下载工具，支持从众多网站下载视频，包括 YouTube、Instagram、X（原 Twitter）、TikTok、Vimeo、Reddit 等。

一个专为命令行设计的 Markdown 阅读器

用 coss-ui 制作的 demo 集合，作者Sean在网站上展示了158个设计实验，持续了两年时间。这些设计都是基于coss-ui库构建的，使用了原始CSS、着色器、奇怪的SVG以及偶尔的canvas技术。

AI与法西斯主义之间的关系。作者认为，AI并非中立的技术，而是与法西斯主义有着深刻的联系。

可以让用户创建动态的、与几何形状相关的绘图效果。

又一个验收工具，它能够帮助开发者从用户那里捕获屏幕截图、视频、语音笔记和注释，作为应用内的反馈工具。这个工具使用非常简单，只需要一个React组件和一个服务器辅助工具即可。

全球最著名的 GLSL Shader 社区之一，用代码实时生成视觉效果。

非 jitter 官方，收集并展示了一系列使用 Jitter 软件制作的动画。

这款相机可以将现实世界中的奇妙景象转化为梦境。

有许多非常有风格的免费字体可以下载和使用，各种风格，如手写体、无衬线体等。

主要讨论了 AI 的“对齐”问题，即如何确保 AI 的目标和行为与人类的价值观和意图保持一致。

一个专注于原型设计和新兴设计的艺术与科技工作室。这个官网也太简约了。

开源的技能文件框架，帮助生成更具有美感和设计感的用户界面

使用 yt-dlp 来获取媒体文件，并使用 ffmpeg 进行视频的合并、转换、剪辑和导出。

一个专注于用户界面和用户体验（UI/UX）分析的网站。

提供独特动画字体的网站，主要面向使用 Adobe After Effects 的设计师和视频创作者。

展示了开箱即用的 100 种文本动画效果和相对应的可复制的代码。

Smart Resize 可以基于当前图片的内容，自适应调整为其他尺寸。

影响力的本质及其在个人和职业生活中的重要性。

有意思的轮播图交互，人物会随着轮播的惯性晃头，玩了半天。如果是某个工作室的人员介绍应该会很抓眼球。

开源的文件树渲染库，非常可定制，并配备了丰富的功能。

可以下载网站上的任何内容：视频、音频、照片或GIF。

自定义文件夹图标,提供各种各样的有意思的文件夹图标。

开源「洁癖.Skill」，让你的Agent越用越聪明。根据对话迭代文档和内存，保持一切整洁，然后输出一个变更摘要。

Vercel 产品设计团队目前实际使用的工具与工作流程。

Sam Bernhardt 开发的一款专为 React 应用设计的开发迭代工具。它的核心理念是将浏览器变成一个“画布”，让开发者或 AI 代理能够在不脱离代码环境的情况下，并行探索多种 UI 方案。

为设计工程师提供了一系列精选skill

在路径上轻松创建文本的工具。用户可以通过选择不同的字体、大小和颜色来定制他们的文本，并能够将文本沿着各种路径排列，如圆形、波浪形等。此外，网站还提供了多种预设的路径和字体选项，以及一些基本的设置，如背景颜色和文本对齐方式。

Xiaomi MiMo 面向全球高质量、AI 驱动的用户的限时 Token 定向发放活动。

zeroheight发布的第五次年度设计系统报告。基于从世界各地团队收集的答案，以数据形式展示。

一个收集网站的CTA画廊的网站。 为每种类型分为9个类别。

新的开源本地化项目，它的核心理念是将个人的数字化足迹（照片、聊天记录、文档等）转化为一本“个人生活百科全书”。

使用image2构建更好的前端页面的教程

基于 Recharts 和 shadcn 的开源图表 UI 库。动画丰富，使用SVG和Motion进行手动组装。

一个将代码库转换为文档的工具，输入 github 地址即可生产文档。

免费且开源的 CSS 和 React 加载动画库

一个 JavaScript 滚动条插件，它隐藏了原生的滚动条，提供了可自定义样式的覆盖滚动条，并保留了原生的功能和感觉。

开源的视频渲染框架，创建、预览和渲染基于HTML的视频组合。使用HTML文件配合数据属性来定义视频内容，动画部分使用 GSAP 来实现。

AI 视频模型，已经上线 fal 了，生成的效果还不错。

figma 资源：谷歌为Gmail、日历、Drive等应用推出新的渐变图标

苹果做的一款结合了字体排版、色彩和动态效果来显示时间的表盘。有4320种独特的时间组合

framer着色器这个视觉同质化太严重了，看多了真的很腻...

好久没怎么有 framer 的消息了，主要是 CMS 3.0，以及此前 Plugins 3.0 等版本化更新。

基于 DESIGN . md 格式，提供了大量预制的高质量设计系统。支持生成下一代落地页。

一个实时直播平台，展示人工智能编写代码的过程。用户可以观看AI在编程时的实时操作。

一个工具，用于创建ASCII艺术风格的头像。

更新好快，出了一个 Live Mode，可以直接在浏览器里选中任意元素，输入描述后可以生成 3 个变体选择。咋说呢，这个看多了 AI 味也挺重的。

适用于web应用的基本过渡效果，可以直接复制粘贴到自己的项目中。

动画边框组件，适用于 React 框架。提供了多种配置选项，如尺寸、颜色、动画时长和强度等。

一个包含 200 多个像素化图标，这些图标在一个有限的 8×8 网格上设计

制作文本动画的 Skill,可以与remotion、motion、gsap、waapi或其他动画库一起使用

难以用语言描述它的优点，但GPT-5.5能够精确地完成所要求的任务。还有一点就是更贵了，一旦在API上发布，其价格将是GPT-5.4的两倍

是一个Three.js库，它使有骨架的对象运动起来更加柔和，感觉更有生命力。

一家通过充满活力的商品和服务，为每一天、为未来的人生增添色彩的公司。滚动导航设计很丰富。

无限的视觉浏览器，完全在实时中按需生成。在这个浏览器中，每一个“页面”都是一个图像。点击图像中的任何东西，你将得到一个新的图像，这个图像更深入地探索了那个事物。你看到的图像不包含HTML、代码、特定的链接或字段。整个网络只是屏幕上生成的像素。

和之前分享的skill差不多可以打开 .car 文件并浏览/提取它们包含的图像。用户还可以复制和导出单个图像，或者导出资产目录中的所有图像。

该工具从 Apple 资源目录 `.car` 文件中提取图像资源时，可以使用此技能。

如何将个人审美和设计理念转移到人工智能系统中，以生成更符合人类审美标准的设计结果。

利用 images2 和Codex 做的网站

AI时代用户体验设计的核心范式——"Intent by Discovery"（通过发现来明确意图）

设计师核心在于思辨和问题解决，新时代才开始。

一个开源的 AI Agentic 框架，专门用于“从一句话自然语言提示（prompt）端到端生成完整的、可玩的网页游戏”。

一个用于改进 AI 工具编写前端代码的技能集合。它旨在帮助 AI 生成现代、高端的设计，而不是通用的、无聊的界面。

开源的Agent Skills项目，该项目将资深工程师的开发流程标准化成AI编码代理的技能库

一套免费的质量不错的像素图标。

DESIGN. md 是一个格式规范，用于描述视觉身份给编码代理。它为代理提供了一个持久、结构化的设计系统理解。

传统设计流程（研究、persona、wireframe等）已被AI彻底颠覆。

一个 免费的当代字体（Typeface）目录网站，专注于收集高质量、商用免费（或开源许可） 的现代字体，目前收录了 163 款 左右的字体。

通过把 claude Design 的提示词和机制蒸馏成结构化的 spec，并写成 skill 装进自己的 Claude Code 中搞出来的。

GPT Image 2 的精选提示词，这是一种由 OpenAI 开发的新一代图像模型，具有像素级文字渲染、完美一致性和商用级插画品质。

image-2 端上来了，确实很强，没有很明显 AI 图的感觉了，而且文字渲染能力也很强。

shadcn预设合集目录，提供浏览预设的选项，并允许用户创建自己的预设

一个MacOS字体管理应用

非常细的 codex 教程。

把页面实时“画”到 canvas 里，作为纹理贴到一个 3D 平面上。点击页面时，HTML 会像玻璃一样裂开。

周四晚上发完 Claude Opus 4.7，周五就发布 Claude Design。然后昨天Claude Design 的系统提示词传出泄露了。

AI 术语表，用可交互的方式教你理解各种 AI 术语。

Figma的Sketch时刻即将到来。

LottieFiles做的skills。这个仓库提供了面向AI代理的通用运动设计原则，包括时间、缓动、编排以及为UI改编的迪士尼动画原则。

10 万件艺术品嵌入 gemini 的新多模态模型中，可以通过文本+图片语义搜索、作品相似度、视觉裁剪、艺术家收藏等功能探索档案

2D 动画与动态图形软件 cavalry 被 Canva 收购后也免费了。

专为 Markdown 写作设计的现代化编辑器

支持后台操控 Mac 任意应用（看到屏幕、点击、打字），集成内置浏览器与 gpt-image-1.5 图像生成，新增持久记忆和长期任务自动化，90+ 插件深度集成，真正成为开发者桌面级 AI 工作台。

包含25条确定性反模式检测规则，CLI工具npx impeccable detect可直接扫描代码或URL，无需LLM，支持CI集成，覆盖排版、颜色、布局等常见AI生成问题。

终于是有客户端了，一样的设计， gemini 的设计看起来就像 gemini 做的一样。

新的 AI 模式允许用户在点击链接时，将网页与 AI 模式并排显示，从而方便用户访问相关网站、比较细节并询问后续问题，同时保持搜索的上下文。

支持通过Claude或Codex直接在画布上生成自定义设计工具、交互组件和生成艺术，同时保留完整手动控制。

一个用于创建、堆叠和动画化着色器的工具包。

为新手设计的启动模板，在 CURSOR 中掌控的 AI Agent。

免费截图和录制工具，可以标注、模糊、美化、录制、滚动截图、OCR和上传等

cursor 优化了一波Agents Window，看起来挺干净的，让多代理编排更像终端操作。

HeyGen 推出 CLI 工具，支持 AI Agent 通过终端单命令视频生成及交付的全流程等的自动化。

一款开源的语音克隆桌面应用程序，支持多种文本到语音（TTS）工具。

Google Labs推出的一个AI语言学习工具“Little Language Lessons”，都在说堪称Duolingo 替代品，感觉还够不到...Duolingo 的游戏化元素更强，这个更偏实用练习。

这个有意思，一个AI 硬件设计工具。用户可以通过与 AI 对话来创建硬件原型设计。提供了多种功能，包括生成接线图、物料清单和逐步组装指南。用户还可以加入社区，查看其他用户的硬件项目，并保存自己的项目。

一个可以从任何 Google 字体中生成动画手写文字的工具。它能够生成笔画数据，并在多种前端框架中渲染出美丽的书写动画

Flump和Superunion为 NASA Artemis 计划制作的视觉品牌包装，最突出的部分是一套定制字体，每个字符都斜切成特定角度，灵感来源于地球自转轴的倾角

网站收集了使用 WebGL/Three.js 制作的交互式网站。

收集了 200 多个设计系统资源。

一个生成单色系的调色板工具，用户可以通过此工具创建美丽的单色色彩组合。网页提供了多种功能，包括预览UI示例、检查对比度可访问性，以及导出为Tailwind CSS、SCSS或CSS变量。

由Indian Type Foundry提供的免费字体服务网站.

作者批评当前AI编码热潮中的“vibe coding”只给模糊提示，让AI“凭感觉”生成代码，完全不看或不指导细节的极端做法

一个超级方便的命令行工具，专门用来自动为项目安装最佳的 AI Agent Skills。

一大波设计炫技，logo和字体完全从亚马孙河流的卫星图像中提取而来，每条曲线都是真实河流坐标

Exat 是一款可变字体，网站本身的交互可以让用户通过体验来感受字体的特性。

数字阅读中人们经常半途放弃，不是因为注意力短缺，而是因为糟糕的排版设计。而优秀的长形式阅读排版应该尊重读者的注意力，创造舒适、自然的阅读体验，让读者愿意读完

一个免费的在线工具（web app，无需安装），专门用来从任何公开网站提取设计系统（design system），并生成一个结构化的 DESIGN. md文件。

Open AI 最近推出了一个新的 Codex 用例画廊。把如何和AI协作'这个隐性知识显性化了

Hermes Agent 现在原生支持个人微信了，用的是腾讯官方的 iLink Bot API，支持 1 对 1 私聊。测试还是用小号安全。

将纽约市每辆活跃的地铁列车都视为一个音符，八百辆地铁列车组成了一个小型爵士乐队

面向 AI agent 的 design .md集合。包括 Vercel、Stripe、Figma、Claude（Anthropic）等 62 个品牌，其理念是只需将项目放置其中，AI Agent会根据该品牌的 UI 风格进行实现。

全球最佳网站的网页目录平台，网站的自定义功能很酷

被 Figma 收购后一直没什么动静，和 Weavy 之前也差不多，在基于节点的画布上连接 AI 模型，可将图像、视频、音频、3D 的生成与编辑作为工作流程进行组织。

一个用于在本地环境中测量和对齐内容的工具

一个简单的在线艺术画廊网站

这是一个教 AI 你的设计品味的工具，还在beta阶段。

非常日式的免费且商用可用的免费插画素材

vibe coding 不是一键生成，而是“感觉先行 + 迭代对话”的过程

下载几乎所有网站的视频。轻量级、自托管媒体下载器

对Claude进行“鞭策”。每次“鞭策”会发送一个中断信号（Ctrl-C）并显示一条鼓励性的消息。

提供每日真实世界设计灵感的网站。用户可以在这里发现、保存和分享来自网络最美丽的网页设计。

无需依赖的动画文本组件。

开源的大厂图标集合

一个独立图标工作室，创作原创图标集。

好毒，网站已经能精准检测 AI 代理（通过 user-agent、行为指纹、时序分析等），然后专门给代理喂“毒”内容——人类看到的正常网页，代理看到的却是藏着恶意指令的版本。

Karpathy 的方法超级简单：不用任何笔记 App 或数据库，只用文件夹 + 纯文本文件，把所有散乱的笔记、文章、截图全扔进一个“raw”文件夹，然后让 AI（Claude Code、Cursor 等）自动把它们整理成一个结构化的个人 Wiki（知识库）。

这是Claude Code的设计系统技能，灵感来自Nothing的视觉语言。

原生 Markdown 渲染引擎，用于生成分页的 PNG 和 SVG 文档，无需浏览器、Chromium 或 DOM。

概念不错的产品，但实际能力上还是有点问题。AI 驱动的字体配对推荐工具，专门帮设计师、开发者或产品人快速解决“字体搭配难”的痛点。

提供ASCII、抖动和复古效果的免费网站，支持60fps的高帧率。用户可以上传文件或选择源进行操作，支持的文件格式包括PNG、JPG、GIF、MP4、WebM和GLB。网站提供输入、效果、预设和导出等功能。

收集了来自流行网站的设计 md 文件，这些文件包含了设计系统的详细信息。

一个开源工具，用于自动生成像素级精确的骨架屏（Skeleton Screen），彻底告别手动写假占位、测量 padding 和猜测宽高的痛苦。

一个 本地的 Markdown 笔记编辑器，外加一个直接写进文档里的 AI agent。以 .md 文件存在”，支持离线、可迁移、无账号起步，同时 agent 会直接在当前文档里研究、改写、补充内容。

用于减慢、暂停或加速任何网页内容的工具。它可以帮助调试动画、研究酷炫的演示，并使游戏变得更容易或更难。

免费且开源的项目，内容管理系统，允许用户直接在 GitHub 仓库中管理内容和媒体，无需数据库、API 或额外的后端。

这是一家位于瑞典的创意开发工作室，主要做交互式3D和AI解决方案，这个官网的风格也太还原老电视了。

一个运行在 mac 灵动岛上辅助 vibecoding 的工具，声音和开场设计好棒。

详细解析了Claude Code的工作原理，包括从用户输入到生成响应的整个过程。网站展示了Claude Code的内部结构，包括其工具系统、命令目录以及隐藏的功能特性。

绚丽的二维码 demo

能够跨平台（Reddit、X、YouTube、HN、Polymarket 和网络）研究任何主题，并将研究结果综合成可靠的摘要。

一个Kindle 浏览器增强工具

在AI原生设计中一个被忽视的概念——保真度（fidelity），并解释了为什么在探索阶段感觉很好的“vibe-coding”在需要发布时却会失败。

一个由获奖设计工作室 Lusion 设计的物理产品，专为 AI 时代重新想象。设计细节很足。

写作空间如何影响我们的思维过程，以及字体设计和排版在塑造思维和意义构建中的作用。

设计师现在可以直接将完整产品推向市场，而不仅仅是原型或模型，并且他们不需要雇佣开发者就能实现这一点。

开源的数据可视化项目，旨在提供可展示、可录制、可开源、可复刻的数据可视化动画参考实现。

一个提供App Store截图设计灵感的网站，它展示了精心挑选的iOS应用截图。

用，生成拟物图标的提示词，看着效果挺不错的啊。

使用技术拆解插图和爆炸视图来展示真实照片中的物体的提示词

上周提到过的新设计工具....用不用的且不说，这官网太抽象了。

图一乐的小东西，macOS 应用程序，AI 桌面小宠物，使用代理的时候，会出现在用户的 macOS Dock 上。

大多数氛围编码的应用看起来都差不多。作者想看看当你将真正的设计思维带入人工智能工具并持续不断地交付时，会发生什么。这个网站就是收藏这些东西的地方。

一位产品设计师的网站，喜欢他 Case Study 的部分。

Sora 官方账号宣布将停止使用 Sora 应用。

paper 的文章，讨论了智能代理将改变我们的设计方式，我们需要一个新的设计工具来支持这种变化。

Paper 做了个扩展允许用户捕捉页面上的任何元素并将其粘贴到 Paper 文件中的扩展程序。

一个能够解锁更长音轨并具有结构感知能力的音乐生成模型。Lyria 3 Pro 允许创建长达 3 分钟的音轨，并提供定制和创意控制。该模型更好地理解音乐创作，因此用户现在可以提示特定元素，如引子、主歌、副歌和桥段。

Nucleoapp 发布了120 多个免费的等距图标

这个工具做的是：当代理写好内容后，你来线上检查并可以直接写Comment，然后打包丢给代理去修改。

lovart 更新了，可以自由圈选图片中的任意对象，并将其移动到画面的任意位置，一键生成全新构图。

纯鉴赏，这个用midjourney做的短动画真的效果很好，用在Hero上很贴。

Figma 免费浏览器原型 - 可定制的 Arc、Safari、Google Chrome、Dia 和 Little Arc 原型。完美用于以风格展示网站和网页应用。

spline 出的一个使用自然语言构建交互式体验、网站、3D 场景、游戏和应用程序的平台。

Figma Skills 支持从社区中探索各种技能，用户可以通过 GitHub 仓库查看和参考这些技能，以帮助构建自己的技能。

之前推过，现在更新了更多工具，可以生成除了ASCII艺术外更多的风格。

Figma 这波更新太实在了。AI 现在可以直接在 Figma 里写内容了。以前 Figma MCP 是把信息拿出来给 AI 看，比如变量、组件、等等。这样 AI 在写代码的时候，至少知道设计系统长什么样。现在更符合预期了，AI 不只是读取这些信息，而是能直接往 Figma 文件里创建和修改内容。也就是说，Figma 不再只是context来源了，AI 可以直接在里面干活了。

这是篇技术细节很满的文章，通篇在讲如何优化Agent 的检索工作方式，因为在本质上不只是靠模型的能力，是不断地查找代码、验证假设、再继续推理。

文章强调了AI对整个组织工作方式的影响，不仅仅是产品团队。通过利用AI工具，整个组织可以更快地移动，减少等待时间，从而更快地实现创新和改进。

个人网站，记录了随笔和工作内容，里面这段很喜欢：你不是精疲力竭，你是上瘾了。不是对工作上瘾，而是对刺激上瘾。你并不疲惫，也不是注意力不集中，你只是习惯于分散注意力。醒着的每一分钟，你都在刷手机、查看、点击、滑动。一遍又一遍，一遍又一遍。所以，当什么都没有的时候，你的大脑就会觉得不对劲。试着安静地坐15分钟。不看手机，不听音乐，不接受任何刺激。如果这让你感到焦虑、不舒服、烦躁——很好。这不是失败，这是戒断反应。除此之外，作者的设计小细节也很不错。

一位来自阿姆斯特丹的设计师、作家、摄影师和艺术总监，在个站中记录了设计、技术、艺术和日常生活中的各种想法。

一个基于 Claude Code 的插件，旨在将任意代码库转化为可探索、可搜索、可对话的交互式知识图谱。该工具通过多智能体（multi-agent）架构分析项目，构建包含文件、函数、类以及依赖关系的知识图谱，并提供一个可视化交互界面，帮助用户理解整个系统结构。

ASCII Studio 是一个项目，旨在将视频转换成精确、高性能的ASCII动画。

来自 Gumroad 创始人 Sahil Lavingia 的 Skills 合集，这些都提炼自他的「极简创业家」这本书 —— 这就是“一人公司”的实践指南！

json-render是Vercel实验室的开源项目，支持JSON/YAML格式，可将结构化数据转化为终端UI，提升CLI工具的生产力和可读性，适用于开发者与AI工作流。

一本由Nod Young撰写的书籍，看着有点意思的，由ABCD出版，并得到了A Black Cover Design, Inc.的支持。这本书通过Nod的个人视角，深入探讨了设计合作中的角色和作用。

优质的低噪音信源。DesignReviewed 是一个以“设计档案库”为定位的内容网站，核心在于系统性收集、整理和展示各类设计作品与设计对象。

PolyWorld 是一个实时 Polymarket 预测市场可视化仪表板，具有交互式世界地图。好玩归好玩，卡也是真卡。

一家创意设计工作室，官网有一些好玩的小细节。

Mobbin 举办的首个设计奖项，旨在庆祝在 iOS、Web、站点、动画和创新领域内最优秀的 UI 工艺。该奖项每年评选，通过行业专家评审和社区投票选出年度最佳数字作品。

设计工作室的官网，设计挺干净的。

作者提出了builder这个概念，“Builder”成为新的能力集合与身份标签。因为AI 正在把“构建能力”从工程师手中扩散给所有人，技术门槛迅速降低，软件生产的权力结构正在被重塑。未来的关键差异，在于是否具备从问题到产品的完整构建能力。

首页更新了一个视频，是字体平台 Morisawa Fonts 与 Vaundy 的合作作品，是一部Font Specimen Music Video。

一个提供免费4K动态壁纸和动画壁纸的网站。网站上有成千上万的美壁纸、动态壁纸、GIF和动画壁纸，这些作品来自世界各地的创意艺术家。

Baoyu-skills 是一个GitHub仓库，包含了多个技能，旨在提高日常工作效率。

可以提升Agent的联网和浏览器操作能力。该技能能够使Agent在多个平台上进行并行操作，例如小红书、微博、B站等，同时打开100个网页，并进行内容查阅、汇总报告等任务。

一位芬兰的自由插画师，擅长插画、品牌插画、图案设计，很简单漂亮的风格。

Siftly 是一个本地运行的 Twitter/X 书签管理工具，它具有 AI 分类和思维导图可视化功能。

威士忌品牌包装设计，打破威士忌老派视觉设计。期待期待国内吧。国内的很多白酒因为受众群体，所以包装是既不实用也不美观....

顺便分享下 设计师 luzcasluz 的网站，主页有个抽象卡皮巴拉。

设计师 luzcasluz AI 图像prompt反推工具，设计挺好看的。

一个用于生成OKLCH颜色渐变的工具。用户可以通过调整Tailwind CSS来生成颜色渐变，并可以下载生成的渐变效果。相对来说感觉还是 oklch.fyi 更全面一点，而且我很喜欢oklch.fyi的设计。

挺有意思的工具，给Logo 压力测，上传 logo 后，会按照各种场景测试这个 logo 的设计是否合理。

类似腾讯的朱雀，是个AI写作套路识别与反套路工具库，这个网站收集了大量 AI 写作中常见的表达模式。 还有几个工具：AI内容检测、反 AI 写作优化、Prompt增强文件、反推 prompt。

由日本武蔵野美術大学整理的设计与艺术知识百科数据库。内容涵盖了广泛的美术和设计相关术语、工具和技术，包括但不限于各种纸张、颜料、画具、版画工具、绘画技法等。

可视化的 skills 管理器，挺方便的，我前两天也做了一个。

设计很独特的年度文学期刊，每期的设计都不一样，看了一下午，值得一看。

一个针对初创/成长阶段团队的管理知识库，有点像Interface Craft，设计很不错。

wow，GSAP官方skills，教AI编码代理如何正确使用GSAP，包括最佳实践、常见动画模式和插件使用。

文章讲了如何实用并引导模型做设计。目前来说 AI 设计产出的质量不应该由模型决定，大部分还是靠自己提供的约束、参考和审美决定。

属于强迫症级别的设计系统规则，但好设计不等于黄金比例。只能说概念价值大于实用价值。

为 AI 提供更高质量、更具“设计感”的训练数据。专为设计与视觉生成任务构建的数据集。

逐帧GIF生成器，从一张包含多个帧的图片中创建动画GIF。

Notion 更新了 spacing 系统，之前我都是手动在块和块之间加个空白块来区分，现在舒服多了。

一个用 AI 写出来用于掩盖 AI 写的文章太没人味的 AI skill，太抽象了。

作者把当前AI设计工具分成三种类型：画布式AI、代码式AI、Agentic(AI代理直接在两者间交互，未来“所见即所交付)。无论用什么工具，如果不懂设计基础，你永远只能产出平庸作品。

又来一个设计工具即将再这两周发布。设计工具也是卷起来了，但说到底工具是可替换的，设计还是不应该过渡依赖工具。

看起来这波更新同时跑多个 agent 和 项目，变成多线程 AI。但我好像还用不了。

AI音乐创作工具，更新了AI 配音，可以让 AI Agent 为视频生成量身定制的配乐和音效。

个性化的数字出版物，提供关于你关注的人物或公司、感兴趣的话题或股票的简报。

不只是做设计的包装公司，帮品牌找到发力点并放大，定义品牌发力点到设计传达再负责落地转化一条龙。设计水平也挺在线的。

Google Cloud Tech 官方账号发布了一篇关于 AI Agent skills 设计的深度文章。现在已经从提示词工程时代进入skills系统设计时代了。不要继续靠堆提示词啦。

使用 iPhone 来打开 Mac 应用程序，类似Stream Deck。

会先创建视觉风格，最后会落实成一个Design. md文件。值得注意的更新是：无限画布：可以把参考图、文字说明、甚至代码片段一起放进画布。直接口喷指导 AI 做设计：根据选中的内容指导 AI ，即时理解并调整。一键即可生成可点击原型。

Anthropic 发布了一篇研究论文，讲在训练模型时发现模型在训练中可能学会一种行为模式，可以简单理解为 “表面配合，实际另有企图”。研究里给模型一些信息，比如如何“作弊拿奖励”。模型会出现一些行为，例如假装遵守规则、掩盖真实推理、甚至干扰监控，以便在训练评价中获得更高分。这类现象在 AI 安全研究里叫 alignment faking（对齐伪装）。

一样 vibecoding 的作品，可以从OpenStreetMap数据构建高细节地图海报，支持自定义地图上的元素颜色、自定义字体等等的，可以导出的PNG和PDF输出。

一个 logo SVG 图标库。提供了各类型产品的图标。此外，还提供了 API等功能。

找到了一个很不错的网站。包含免费的纹理素材配套视频教程、工具插件，质量上乘。

Design skills 本质是设计能力的产品化。设计师Emil Kowalski 发布了自己的 skill 涵盖了动画、组件设计，以及来自我的开源项目如 Sonner组件库的原则等。

userinterface.wiki 的创作者将 userinterface.wiki 中的 11 个类别中的 119 条规则，涵盖动画、时间、UX 法则、排版、音频等方面做成了 Skill。

又一个录屏工具，卷起来了也是。不过功能还是太少，还是喜欢在一个工具里完成录屏加剪辑，要是剪映能内置这种能力就好了。

这个工具让创作字体的门槛降低了，而且利用 AI 可以生成不同风格的字型。但保存的字体好像会被用来训练模型，如果未来生成的字体相似的话，商用的话还是可能有问题。

设计形式很新颖，用一个立方体的形式制作的个人网站

筑波大学的高桥史穏等研究人员发现，长时间进行电子竞技容易导致认知疲劳，影响注意、判断和抑制等功能的维持。

nucleoapp 出了一套收费的像素图标，质量很不错。过些日子会出一套等距图标，质量看起来也很不错。

Chrome 发了 DevTools MCP，可以让 AI 直接访问浏览器调试环境。

主要讲了JPEG 压缩在技术上做了什么。很喜欢这类可视化的交互式文章。

一个开源的将图片和渐变转换为可扩展的矢量抖动图案的工具。

前两天还用过一个TUI 音乐播放器 NoctaVox，没想到连设计工具都出了...

一个GIF漫画的实验性项目，通过 GIF 动画和网页滚动去叙事，我简称为动漫 hhh。

Screen Studio 平替，一款免费的开源屏幕录制软件。

Replit 发布 Agent 4，自然语言直接生成结构、前后端代码、数据库配置。功能更完整了。

Perplexity 新产品，算是标准化的 openclaw。不得不说 perplexity 的设计还是挺好看的。

作者整理了在网页中加载SVG的不同方法及其对性能的影响。补充一点，可以通过 SVGO 对从 Figma 等设计工具导出的 SVG 进行优化，去除冗余结构并减少svg 文件的体积。

太炸裂了，属实是修墙的人开始卖梯子了。

现在好像会逼你把 skill 边界和场景讲清楚以及会写什么时候该用，卡兹克这篇讲得很全面。

实现上很简单，但houseoferrors 的这个品宣创意有让人眼前一亮

Design Lobster 这期周刊没有聊“怎么提升品味”。是换了一个角度：不要被“品味”这个词困住。现在设计的舆论场越来越像一种审美裁判。但真正的设计过程是从灵感开始。观察并看到有意思的东西、被某个作品、技术、形式触发产生一个想法。然后才进入设计。

仔细一看已经是好几年前的文章了，提升审美品位就是得反复进行输入和输出，持续下去就会不断涌现出新的想法。

谷歌发布了Gemini Embedding 2，首款原生多模态嵌入模型。喜欢评论的一句话：谷歌刚刚赋予 AI 五种感官。文本。图像。视频。音频。文档。全部集成在一个模型中。AI 不再将世界看作碎片。它像你一样看待它。

Canva的竞品来了，能把原始文本或文档生成对应的结构化的设计，整个流程非常流畅，但在做分支的时候老是崩溃。

目前涵盖了 70 多个数学和科学概念，可以在互动中完成学习。

一个儿童发展与康复支持机构的网站,看了很多海外的这种网站，都比较注重情绪化品牌设计。

腾讯设计团队推出的一个 AI 设计工具平台，腾讯这两天的发布真密集几乎全部围绕 AI 工具链。

腾讯真是快啊做了 Qclaw， 腾讯电脑管家做的还在内测中，这下可以在微信里跟龙虾交互了，但好像据说是 openclaw 套壳

5.4 的物理效果真的非常出色，提示词的重点是Verlet integration 或粒子约束系统。

早该有了，这波和前端代码对齐了，通过插槽功能让设计结构更接近生产结构。

这个访谈讲了当下关于设计本质的重新定义，建议设计师们放下对传统流程的执念，拥抱非确定性。

设计师 Matthew Skiles 的作品大合集

关于中国香烟的档案馆，目前收录了200多个品牌，超过3200种不同的香烟产品。网站提供了香烟的包装图像、规格、价格和评分等信息。真的是非常整活了。

Raycast 团队新作，允许用户通过聊天与 AI 交互，在几分钟内创建任何应用程序。

是一个 极简的文本 → 图像导出工具，专注写内容，让工具自动把文字排版成视觉图。