All

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

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

款基于 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助手，它可以帮助你管理邮件、安排会议和处理日常事务。但设计更有意思一点。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

一个利用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 的经验。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

可以直接在画布上进行操作，帮助设计师更高效地完成工作。这个 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）。

把声音重新带回 interface design

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Paper 内置了QuiverAI 的 SVG 生成功能

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

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

视频下载工具，支持从众多网站下载视频，包括 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越用越聪明。根据对话迭代文档和内存，保持一切整洁，然后输出一个变更摘要。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

利用 images2 和Codex 做的网站

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

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

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

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

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

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

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

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

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

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

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

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和上传等

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

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

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

Google Labs推出的一个AI语言学习工具“Little Language Lessons”，都在说堪称Duolingo 替代品，感觉还够不到...

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

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

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

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

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

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

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

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

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

一大波设计炫技，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应用截图。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

基于Sahil Lavingia的著作《The Minimalist Entrepreneur》开发的Claude Code技能，主要目的是帮助用户通过一系列技能来发展自己的业务，这些技能包括寻找社区、验证想法、制作最小可行产品（MVP）、获取第一批客户、定价、制定营销计划、可持续增长、公司价值观定义、极简主义审查等。

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

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和动画壁纸，这些作品来自世界各地的创意艺术家。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

作者把当前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，自然语言直接生成结构、前后端代码、数据库配置。功能更完整了。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

设计师 Matthew Skiles 的作品大合集

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