All

涌现出一大堆这样的工具，有收费的有免费的，但都是很图一乐的产品，玩一下就卸载了。[Mac Duo](https://macduo.dhananjaytech.app/) 、[Bendy](https://trybendy.app/)

用 p5.js 做的小型绘画应用，内置六种好玩的笔刷，有想法也可以自己二开一些笔刷。

利用 MacBook 机身里的运动传感器（IMU），识别敲了几下，然后触发对应的动作。

网页无障碍规范工具，简单说,是把复杂晦涩的合规标准,翻译成设计师能直接上手的交互规则。

专门用于搜索 shadcn UI 组件的搜索引擎，跨多个注册源搜索 shadcn 的 UI 区块、组件和模板。

开源着色器平台,OpenShaders 想把它们带到实际项目中，目标是做全网最大的、既好看又易用的着色器合集

少而精——因为人的精力、时间、审美和耐心都是有限的，摊子铺太大，哪一样都顾不好。

把跑步路线变成文字画或图形画的小工具。在地图上跑出来的 GPS 轨迹,会拼成想要的字或图案。

说到底还得是苹果，展开时连贯动画的体验说是行业第一绝对没问题。

转场设计和声音设计很有记忆点，要开声音才能体验完全版，声音设计有点磨耳朵。

整个页面用复古终端(命令行)风格呈现,还穿插了几个 ASCII 猫咪图案，还做了几种视觉颜色风格。

Huy Phan的新作品集，入场的动画很有趣儿，依然和2022 年版本的个人作品集网站一样动画很丝滑克制。

偏视觉表现和演示的成品组件集，适合快速做出好看的落地页、产品截图展示和 App 原型。

面向 React 的动画组件库，提供 250+ 个动画组件和区块，并提供一个 MCP 接口。

把能力延伸到了 Three.js，可以用 Motion 驱动 Three.js 动画

可以打印出来的晨报，基于 xAI 的 Grokbot 平台搭建的机器人，很耗 token

新模型除了在细节、生成速度、编辑能力上更牛了外,以及一系列创作和分享的新工具。测下来噪点问题依然存在。

有意思的想法，把一张照片交给 OpenAI 的新模型 GPT-6 Astra，让它当场把这张静态图片变成可交互的界面，并把画面里每本书的书名都识别出来。

[Heron](https://www.herondata.io/) 的品牌重塑，配色和动画做的很出色

交互比较新颖，按住 Shift 拖拽文件即可转换，加按 Option 键可调用高级工具；也能按 Enter 打开格式菜单,用方向键选择、Enter 确认、Escape 取消。触控屏上则是长按后拖拽。

一个涂鸦风格的生存射击游戏，还是手绘风格

一整套并免费分享出来的作品,特别之处在于它刻意保留了真实手写的随机感和连笔感。

大部分都是关于视觉设计的心得，比如美到底是什么、怎么练出来、又为什么总被行业忽视

一套手绘感的动画图标集,手绘风格的逐帧动画。

一个 logo 设计灵感的精选画廊

一个把实体 U 盘变成社交入口的文件交换网络，这噱头拉满了

用 Procreate 的墨渍笔刷 + 压力控制 + 橡皮做旧，把数字绘制刻意画成真实橡皮图章那种晕墨、磨损、不完美的质感。

一个设计系统同时活在两个地方：Figma 里的组件，和代码里工程师真正交付的东西。两者本应一致，但从不长久。

模型越强，界面就越该做减法，让人少操心、多放手从操作一个 AI变成委托一个同事。

Studio René Bieder 设计的一款几何无衬线字体,极致简化的几何造型,灵感来自 Futura 及其背后那些更激进、当年被放弃的实验想法。

把作品集做成了一个可漫游的插画场景，很有记忆点。

Trancy 也出了一款桌面翻译工具，功能很多，但我还是只用翻译和 OCR。

Raindrop 在 x 上预告全新的网页应用。似乎好看多了。

把微信读书划线重新利用起来的 iOS 应用。

小巧且实用的在线工具，这些工具可以直接在浏览器中运行

从官方口径上看很不错，对 3D 的能力上升了一大截

为实体游戏收藏打造的管理工具

专门用来生成各种奇特的视觉素材。

Neal.fun 网站上的一个互动小游戏。核心设定是：你扮演一名警局的素描师，根据目击者提供的线索把嫌疑人画出来，从而抓住罪犯。

用于模拟传统手绘逐帧动画。传统手绘动画中，即使画一个静止的物体，也得一帧帧地重新描线。因为每一帧的手抖、落笔位置都略有差异，线条边缘就会不停地轻微抖动、蠕动——这种现象就叫 line boil。

大多数图标库做大之后，会选择外包给自由职业者、开放外部投稿，或干脆变成人人可上传的市场。但 Streamline 40 万个图标，全部由同一支 7 人内部团队设计。

数据可视化 skills，为AI代理将数据转化为精美、可交互的HTML图表

加动画和鼠标交互、发布到社区或组织、查看下载代码，还能通过 MCP 用第三方代理修改。终于到了可用的地步了。

围绕工作被 AI 重构后的总结。AI 硬套在现有设计流程上,只能提升速度和产量

一个由残障创作者主导的免费库存图片合集

让 logo 或文字在屏幕上比纯白 ‎#FFFFFF 还要亮。效果只在HDR 屏幕 + 尊重 gain map / PQ 的软件里出现

大多数待办工具都从收件箱开始,不断收集、整理、处理各种琐事，结果是很忙,却未必真正高效。

一键把任何现代网页改装成 90 年代和千禧年的复古风格，找回早期互联网那种粗糙、混乱又充满创意的味道。

[@levelsio](https://x.com/levelsio) 和 [fal ai](https://fal.ai/) 合作做的一个 24 小时不间断的 AI 视频直播网站。可以把它理解成一个由观众实时点播、AI 现场生成短视频”的自动电视频道。

放入一段音乐,它就自动生成对应的舞蹈动作。

免费、开源、完全本地运行的音频分轨

太有意思了，整体是手绘风格，交互还配上作者自己的声音音效。

关于二维码工作原理的交互式科普文章

把静态图片或文字变成火焰效果的工具

设计仿真邮票的工具,细节多到连纸张霉斑和撕边纤维都能调

调试动画和视觉细节时，传统做法是改数值→保存→等刷新→再看效果，反复循环很慢。DialKit 让你把这些参数（弹簧物理、缩放、模糊、间距、圆角等）暴露成可视化控件，边看边调，找到满意的手感后再把数值写回代码。

Rene Wang 正在把团队的中文 app 改造成全球化产品，途中总结出的经验。

上周 Hacker News 上有一篇热帖，呼吁开发者别再做TU），转而专注图形界面GUI，引发了激烈讨论。作者觉得两边都有道理，理论上 GUI 框架的能力是 TUI 的超集。

WebGPU 库，主打一份 shader，到处运行。同一份 shader 既能在浏览器里跑，也能在无头的 Node.js 环境里跑——可以做成交互式画面、以任意分辨率渲染、导出成视频，或者放到 CI 里做测试。

这是 Pollen Robotics 推出的一款小型双足机器人，核心卖点是开箱即玩，且完全开源、可自行用强化学习重新训练。

手绘风格的插画资源站,目前收录 2,043 个素材,全部采用 CC0 授权,可免费用于商业用途。

AI 界面在 15 年里经历了 语音唤起 → 感知推荐 → 生成创作 → 自主代理 的演进,交互重心从「我们操作 AI」逐渐转向「我们把工作委托给 AI」。

比如卡片、banner 在桌面端居中显示时是圆角的,但在手机端被拉伸到贴满屏幕两侧时,圆角会显得很别扭(边缘外露出背景色的小三角)。传统做法要写媒体查询

Buttermax 是一家创意工作室，网站的动效交互如黄油般顺滑。

一个为 SwiftUI 打造的开源库，用来在 App 里渲染带手写动画效果的手绘文字。 制作 grug 的团队出品。

按需取用的 CSS 动画库，配置满意后进入下载页，复制生成的 CSS，或直接下载 animista.css 文件即可使用。

一个面向开发者的开源项目发现平台。

Yadong Xie 做的一个交互式 3D 展示项目，是 AI agent + web 技术 的能力探索

Oddfellows 的作品案例,展示他们为 Replit 打造的品牌宣传项目

用 ASCII 字符打造陀螺的小游戏或互动网站

她直至临终前都未曾放下画笔,度过了 97 年不断探索永恒之爱与灵魂的人生

围绕拉姆斯经典产品形态展开的一系列拟物图标设计展示。

做菜时最烦的是在食材清单和操作步骤之间来回滚动。RecipeTables 把整个食谱压缩成一张一眼看完的表格

一个还处于早期阶段的组件库，目前只有一个按钮组件。

让东西有意义且难忘、拥抱约束、不断迭代、用恰好足够的细节让想法一目了然。

纸张交互动效/3D 形变的可视化编辑器,拖手柄雕刻一张纸的展开、卷曲等形态,配合多状态和物理/灯光参数,最后导出或分享

把界面动效变成一套语义化、机器可读的令牌，既能在当前 web 应用上预览，又能直接交给你的开发 agent 使用

基于 shadcn-vue 的开源设计系统工具。

Figma 官宣了一套新的矢量编辑工具

专为 Mac 打造的 AI 助手工具，不用切换应用,在你正在打字的任何地方直接调用 AI 代理。

生成手绘风格UI 控件的前端库

一个基于 GSAP 构建的 React 和 Vue 动画组件库，可以直接浏览、预览、复制代码用到自己的项目里。

一个面向卷烟爱好者的配件电商站。网站的 IP 和动效很出彩。

浓郁的昭和复古风格的网站设计。

一个专门收录复古风格移动应用设计的目录网站，把一批具有复古视觉风格的 iOS 应用按分类陈列出来

Figma 在Community 推出了 Inspo 信息流。

一个交互式的 GPS 原理演示，用可视化的方式一步步讲清楚卫星定位到底是怎么算出你的位置的。

一款兼具纸艺与木刻活字气质的展示字体,以厚重字重和精细的几何切口著称,形成一种跳动的节奏感。适合包装和海报,能把标题变成粗犷、波浪状的纹理。名字 Namioto 也呼应了这种意象日语中波浪的联想。

一个情书档案馆/合集——收集情书，希望让”写情书”这个习惯重新回到人们的生活中。

记录了 Maya Brennan 过去一年从传统 Figma 设计师转型为”能自己写代码上线设计”的 AI 原生设计师的真实经历。

一款主打「快、准」的自动上字幕工具，支持多语言。

字体风格极度挑场景，网站做的倒是很有梗

提供轻量级 JS 代码组件，每个都有多个精心设计的变体、可完全定制，而且可以直接当作提示词（prompt）复制给 AI 使用。

每天在用的那些最好的软件产品，暗地里都建立在和顶级电子游戏相同的一套设计原则上

Claude 把原本散落在博客、文档、GitHub 上的资料整合成一个系统化的学习平台

一个在线给图片加”纹理/触感质感”滤镜的交互工具，上传一张图,它用 canvas/WebGL 实时渲染出带纹理质感的效果

界面重新设计，适配 macOS Tahoe 的新观感

三种可抓取、拉动并让回弹的液体交互——锚定下拉菜单、变形下拉菜单和单粘性引擎上的速度拨号。

网站把访客在他网站上的行为近乎实时地公开展示出来。

用一张普通 2D 图片,加上深度图,让它在动态光照下表现得像真正的 3D 表面——有立体感、表面细节、还能自己给自己投影。作者还做了个深度图在线工具可以直接用。

动效和排版很不错的网站设计

一个探索我们与人工智能（AI）复杂关系的项目。网站设计还挺不错的，作者是 Arin Pantja 。

用一个新的 CSS 属性 ‎shape()，在单个元素上就能干净利落地做出抠角露底的界面效果，省去了传统方案里拼图层、叠遮罩的麻烦。

你的眼前就是音乐，找歌方式新颖、能发现小众好歌、界面简洁高级,

以前自动布局的自动间距只有一种默认行为。现在拆成了三个选项,分别对应 CSS 中已有的间距模式

通篇讲的是西文字体，但Cap-centered 垂直度量 —— 中文同样重要。对齐/居中的思路可以借鉴。

一个极轻量的调色板生成库，它的核心思路就是在色彩空间里在若干锚点之间画线,线上取样出来的点就是生成的颜色。

给视频模型配一把”导演椅”，堪称视频版的 codex。从抽卡变成可复用，标准化的。尤其适合电商、科普、品牌短片这类高频标准化内容。

Smith & Diction 写的一篇品牌案例复盘

一个用来制作”文字乱码/闪烁动画”效果的在线设计小工具。

一个用来生成极简、可爱、可商用的 IP 吉祥物形象的 Agent Skill。也可以去官网 ipaslogo.com 免费下载现成 logo，且全部可商用

一篇用椋鸟群和大雁编队做隐喻、聪明又好读的文章——主张与其让设计总监当那只累到崩溃的”孤雁”，不如把团队设计成一个靠共享习惯自组织的鸟群，其中”每年停飞换羽去还技术债”这个点子尤其戳中要害。

Clucky 的这个 IP 和动画设计的都很出彩

一个为独立 App 开发者精选工具的导航站。它把从「灵感」到「设计、开发、上架、变现、增长」全流程需要的工具合集

一个跑在浏览器里的在线ASCII编辑器，纯前端 Web 技术。

一张手绘《蜘蛛侠》海报意外走红的故事，堪称外网《牛来》事件。

团队都用同一套组件库和 token,但做出来的页面还是不一致。作者记录了如何解决这个问题。

网页上常见的三态切换(Light / Dark / System)是过度设计。为什么三态更差，多一个选项就多一份认知负担,还逼着界面变笨重(三个图标并排占空间,或塞进下拉把一步变两步)。它解决的其实是个几乎不存在的用户需求。

开源的文档生成工具，Blume 的底料是 Markdown，AI 也能直接、干净地读整个网站,不用费劲扒拉

产品还在内测，强调设计即交付。

Berd 出来一个桌面工作台,可以组建和调度不同 agent;这些 agent 通过底层的 goose 框架去调用各家厂商的模型来干活。

看起来眼前一亮的网站设计，一个以设计为先的实验性创意工作室。

用来给用户自动生成头像的工具，输入一个字符串(比如用户名),它就吐出一个独一无二的几何图形头像。 不用上传图片,不用灰色缩写。

别把整个设计系统塞进一个 design md,而是拆成分层、可互相引用的结构化 Markdown + tokens,让 Agent 能按需检索,像人一样”按照我们的方式”来构建产品。

把动画或视频本身当作着色器的创意输入，而不是像以往那样只把画面当作静态的空间来采样颜色、亮度、深度。作者用 WebGPU 计算着色器搭了一条流水线，先提取运动、编码成遮罩和速度图，再拿它们做各种视觉效果。

一个简单有设计细节的网页版的时钟 / 专注(Focus)/ 世界时间工具

苹果在 macOS 27 beta 6 里给窗口控件按钮换了新外观，视觉上回归到有光泽、拟物的「Aqua」风格，还挺好看的。

艺术家 Mannay 的作品集网站，非常极简克制的风格。

一款免费开源的等宽像素字体。灵感来自:早期命令行和图形界面的限制、90 年代末 / 2000 年代初的小尺寸像素字体、影视里的科幻美学等

Cursor 出了全新的代码托管平台 Origin，然后上线 3小时后,GitHub 就出现了长达 6 个多小时的全球性故障。

好有意思的项目，一个用纯代码（JavaScript）程序化生成手绘感头像的实验项目。

Anthropic 的设计师 nate parrott 展示了 Claude Code 里新增的 design 命令的早期预览版，可以先出图、再编码，把设计和开发串在一个工具里完成。

一个针对时尚品牌 Issey Miyake 的杂志编辑设计研究,重点在 网格结构和粗体排版两方面

一个专门收藏 20 世纪企业年报封面设计 的在线画廊，作者还写了一段说明，核心观点是对设计手艺流失的惋惜

西班牙作家 Óscar Pérez 的小说 《Money in Check》(2026 版) 的官方宣传单页网站。

Ramp 本身是一家做企业财务/费用管理软件的公司,这个页面基本是他们的一个玩梗式营销站点。但挺有意思的。

一个交互式的”振动膜”实验室。画一个形状（或用公式写一个），它就把这个形状当作一张绷紧的鼓面来求解，然后让你敲击它、听它的声音。

网页滑雪游戏，一款无限下坡游戏——你顺着一座永远延伸的山往下冲,目标是骑得又快又流畅、走得越深越好。

概念性品牌项目，好看的衬线字体设计。粗体衬线标题与小号无衬线字体细节形成对比。

作者的中心论点是：大多数团队拥有的只是”组件库”，而不是真正的”设计系统”。

文章的核心论点是:随着 AI 图像/扩散模型的成熟,描述”感受”的语言正在变成一种可执行的设计规范。作者认为体感语言其实承载了更多设计信息——一个感官场景能同时隐含色彩、间距、对比、材质、装饰和密度,而不必点名任何一项。

一个可穿戴的”数字宠物”,行为像真实的活体生物。它通过摄像头、麦克风、温度传感器和加速度计感知环境。每台设备出厂时都有独特的性格和一套独一无二的眼睛。

Figma 新上线的文字换行（text-wrap）功能，一共两种模式：Pretty 和 Balance。

一套手绘、潦草的线框风格Web 组件,看起来就像是有人用手随手画出来的界面。基于 [RoughJS](https://roughjs.com/) (一个用于绘制粗糙、手绘风格图形的库)构建。因为是标准的 Web 组件,所以可以用在任何框架里或纯 HTML 中。

Novra 工作室为 Ollama 制作的一个独立概念性首页重设计，用 rive 做了羊驼交互动效。

TRMNL 起步于一块 800×480、1-bit（黑白）的电子墨水屏。团队很快发现，为低分辨率 ePaper 面板做设计非常棘手——于是 Framework 应运而生。

用来给网页交互加声音的小型库。17 种音效,全部用 Web Audio 实时合成,

Instagram 十年来第一次大规模品牌焕新

Marek Minor为 Cursor 手绘了一整套图标系统:600+ 图标、两种尺寸、两种风格,每一个探索版本和最终版本都是手工绘制的。

小型驾驶实验。支持前进、转向、刹车、氮气加速、重置和昼夜切换。

3D 方块风格图标库，可搜索 1,360 多个图标，导出 PNG 或可直接放入 PowerPoint 的 3D 文件。

瑞典设计工程师的作品集，偏展示和创意。重点展示高度动态、视觉丰富的网站。

从 X、Pinterest 等来源整理界面、落地页、移动应用、看板、互动、字体、3D、品牌和插画灵感。

讨论“舒适感”、人与产品的距离、实体与数字界面，以及 AI 时代为什么更要追问“为何要创造”。

一部关于字体设计(type design)与排版(typography)的在线百科全书。整个页面是一份按字母顺序排列的术语词条集,每个词条解释一个字体/排版概念,配有插图或赞助字体示例

看到了 Agent 工具不同的演化方向，但目前对普通用户，Codex 那种少即是多的克制可能反而更实用。Deepseek 顺便把官网设计也改了，清爽很多。

技术上确实开创了品类，但互动偏噱头、耐用性和防护存疑、价格高受众窄，设计上也充斥着一种没活硬整的感觉。

设计上一如既往的致敬，但总的来说模仿能力在模仿者中依然是第一梯队的。

是一个实时渲染的控制面板,让你调节一个滑板(或小球)在 3D 场景里的各种视觉和物理参数。

用纯 SVG + 伪 3D 几何投影，把一个静态蓝色圆点变成会转头、会眨眼、有表情的开源虚拟形象引擎。灵感来自 Grok Bot

尚未正式上线的“物理原生”设计工具。目标是直接弯曲、挤压和碰撞柔软形状，不必手工绘制假的变形效果。

巴西产品设计师和创作者的个人网站，标注的设计很有意思。

收集优秀社交媒体帖图，按发布、产品更新、截图、图表等类型整理。目前页面显示约 380 个案例，并保留原始来源。

一个用于 React 的「液态」UI 效果库。主要是用 SVG 滤镜(blur + contrast)做液态效果

生成式动态视觉设计工具，通过组合生成模板、形状、颜色、动效和现代主义文字排版，快速创作出独特的动态视觉作品

这本《Are we cooked?!》其实是我最近看到的关于”AI 会不会干掉设计师”这个话题里,少有的、态度诚实的东西。

以前网页配色要手动一个个定颜色、还要为深色模式复制一遍。现在用几个新 CSS 功能,只需要给浏览器一个基础色 + 一个”配色规则”,它自己把一整套颜色算出来,你改一下,全部跟着变。

彭博社的 Mark Gurman 在报道中详细谈到了 Apple Watch 产品线的未来，虽然计划尚未敲定，但苹果正在考虑各种形状和尺寸，比如圆形表盘。

Grok 出了 AI 同事，但是要把你所有工具的钥匙交给一个全天运行、数据存在 xAI 后端的黑盒。然后这个 IP 跟 KIMI 也太像了。

Brandfetch 是一个品牌数据合集平台，它把全球各个公司/品牌的资料收集整理成结构化数据，可以直接让 AI 助手自动获取任何品牌的官方资料

你只是在爬同一座局部的小山，而不去做实验，就永远看不到远处那座更好的山。

Claude 生成的文本里会嵌入一个肉眼看不见的水印。但如果文字被大幅改写、翻译、混编进其他内容，或者段落太短，水印可能就检测不到了。

一个视频下载+离线播放器的组合工具，可以在一个干净的原生播放器里离线看，并且有离线字幕。

把系统默认光标换成一个醒目的教杆式指针。非常适合拿来演讲或者录教程

上传一张 UI 截图,它能把这个平面图像放到一个可以3D 旋转的场景里,渲染成有角度、有景深、更有质感的展示图。

一个全屏交互式画布/演示，有意思的是可以像切水果一样把画板对称切开。

一个致敬chrome404设计 的个人小项目，给 Claude 换装打扮的趣味404 游戏。

把渐变、玻璃质感、颗粒噪点等效果混合叠加，生成独特的静态背景或无缝循环动画

又一个设计成复古桌面系统的个人网站

安装后你的 AI 工具就能直接访问你授权的图标库，通过对话完成图标相关操作

把智能手机拆解开,一层一层地讲解里面的每个部件是怎么工作的。文章风格很有趣,常用生活化的类比来解释原理。更适合用手机查看。

一个代码生成 CSS 渐变背景的免费工具，特别适合用在 hero 区域。

每天出一期,由人工手动挑选,专门展示网络上出色的设计、创意、工艺和想法。

面向 React 和 shadcn 项目的 UI 组件库

开源的 动画 React 组件集合

如何把一个人脑子里的”判断力”提取出来，变成别人能用的东西

面向 React 的开源加载动画库，专门为 AI/生成式 UI比如 ChatGPT 那种边生成边显示文字的界面设计的加载中动效组件。

收录了 2,000+ 个从知名产品网站提取的、AI 可读的设计系统。

一个面向设计师的灵感采集工具，官网的设计真挺有记忆点的。

一款主打音乐社交的 App

Mass-Driver 发布的衬线家族，保留巴洛克装饰感，但把它压到可用于正文的可读性里，共 10 个字重/斜体组合。

一个基于 Iosevka 配置出来、尽量贴近 Berkeley Mono 气质的免费开源等宽字体项目，

一个前端 UI 组件库，可以直接集成到 shadcn/ui 项目里

一个把 Markdown 扩展成完整排版系统的工具，保留了 Markdown 的低门槛，同时给你 LaTeX 那种精细控制。

Minimal Phone这么快就出 2 了。一款主打 “专注、极简” 的手机，有 iPhone4s 那味了。

由 Yummy Labs 团队制作的 Notion 公开资源库。主题是如何把 AI（主要是 Claude）用到设计工作流里

收录了 47家AI公司,分布在 6个创业集群里,涵盖前沿实验室、创意工具、基础设施、金融科技和医疗健康等方向。

一个开源工具，用来防止你的文字被 AI 爬虫拿去做未授权的训练。在网页的 HTML 源码里，把关键词替换成别的真实词，但屏幕上看到的还是原文。但同时SEO 也会受损。

一个开源前端 UI 组件库，专注于微交互质感的组件库,交互质感都打磨好了，改改样式就能用。

极简的网站设计，牺牲了一部分浏览效率，换取了更沉浸式的浏览体验。

能让任意 SVG 图标平滑变形成另一个图标的零依赖的库开源库，只有 6 KB。但过渡稍显生硬。

Marijana Pavlinić 的作品，极简但充满趣味交互和古怪细节，非常有个人风格。

类似 ShaderToy 那种在线着色器平台，但 ShaderToy 会把你的作品锁在平台里，而 ShaderPad 可以直接放进你自己的项目。比 ThreeJS 小约 30 倍。

把图片拖进去，选个算法和自定义配色，就能得到一张dithering风格的图片。

在线毛笔书法练习，可以调笔触质感、选纸张格式、看笔顺，还能导出作品

用马里奥游戏做类比，讲清楚假 3D 和真的 3D之间的区别。

挺有意思的，作者为黑客马拉松做的，抓取宜家真实的 PDF 说明书，让 AI agent 把它逐步拆解。

这些都是由设计师做的小工具。比如取色器、字号比例、缓动曲线、阴影生成器等等。

实验性项目，专门收集那些「模仿桌面操作系统外观和功能」的网站。

模拟了真实的航海物理：风向角、调帆、抢风转向等。船只会根据风向和帆索做出真实反应。

关于「我们在这个世界上时间有限」的小型冒险游戏。页面描述它的主题是不被生命的局限所吓倒，放下对存在的焦虑，尽可能多地去体验，把遗愿清单上的事情逐一完成。

文章讲的是用写代码的方式来做设计，以及 AI 如何改变了这件事。尽管工具越来越强，创意的种子始终来自人。

每天提供 10 件博物馆文物来猜这件文物的产地和年代，这个项目的 logo 挺可爱的。

一个开源项目，把网站质量拆成 166 个可核对的条目，分布在 10 大类里，每一条都是”是/否”式的检查项

从菜单栏直接分享:发文字短笔记、发语音、发视频、共享屏幕演示,或者直接把文件拖过去。主打不用切窗口、不用来回切应用。

灰色图标看起来像”品味”问题，但根子在于代理不理解自己在造什么；解决办法是把设计师早已积累的产品判断力显式地喂给它，尤其是提供真实的标杆案例。

Figma 取代了传统的项目管理方式，它允许使用嵌套的文件夹结构， 最多可达十层深度，并且带有颜色编码。该功能将在未来几周内应用于所有计划中。

一个社交新闻信息流，让你关注各种订阅源：传统新闻媒体、独立记者、内容创作者、播客、视频流等等。

一个简单的列表聚类算法，作者在陪孩子玩 Magna-Tiles（磁力片）时，无意中琢磨出了一个把列表里相同的值归类到一起的小算法。

Simile 正在打造一个能预测人类行为的基础模型，核心理念是用 AI 模拟出「虚拟的真人」，让企业在做决策前先在受控环境里测试。

一个轻量的个人作品集网站模板，用 Astro、Tailwind CSS 4 和 Motion 构建。

作者每去一家店、吃一碗拉面，就拍照、品尝、记录下来。目前已经收录了 114 碗拉面。作者的灵感来源Rotating Sandwiches。

把品牌规范做成一个托管在品牌自己域名下的实时网页的工具。

Figma 正在更新 Auto Layout（自动布局），让它的行为更接近网页里的 CSS Flexbox，从而让设计稿和代码之间的转换更顺畅。

一款实验性的电子墨水屏（ePaper）相机，完全开源（硬件+软件），用现成的元件就能自己动手做一台

帮助设计师快速探索和比较大量设计方向的工具，围绕你正在做的界面,批量生成多种设计方案,然后在 Rivet 里并排对比。

开发者用的在线小工具集合网站

如何设计可读、稳定、清晰的 URL,以及在路径(path)、查询参数(query)、片段(fragment)三者之间正确取舍。

欧元纸币正在重新设计，目的是让新版纸币更好地体现欧洲共同的身份与价值观

别再手动敲空格了,一行 text-autospace: normal 就能让浏览器自动、优雅地处理中英混排的间距。

设计工作室 Enigma 给 Glyphs 4 做的品牌重塑。

一整套构建 AI/Agent 产品时常用的界面组件,可以直接复制粘贴使用。

The Content Architecture 的作者Edoardo Lunardi 的个人作品集网站也是细节满满

一套 Next.js 16 + Sanity CMS 的生产级项目脚手架，售价 €549 一次性付费。别的不说，这设计是真不错。

专门欣赏、收藏 App 图标设计的地方，且能看到图标的作者是谁。

手工挑选网络上最优秀的个人/工作室作品集网站。这类网站真的是源源不断，每周都能发现新的。

专注于动效设计的策展画廊。专门收集来自推特上优秀的动效设计作品。

创意工作室 Holographik 每月发布的字体灵感专栏。

Lab 板块用来展示各种 UI 实验和微交互效果的作品，里面有一套动画图标，他把来自 Phosphor 和 Hugeicons 的一整套图标做成了动画。

一个探索有机形态、水果造型和档案式设计系统的短片动态实验。

一家日本连锁超市企业招聘导向的品牌故事网站。排版克制、线条运用巧妙。

Adam Fuhrer 的个人作品集网站，有大量以算法和代码驱动的视觉艺术作品

被新奇的交互方式吸引，一个 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产品追求快速迭代，但Speak的开发周期较长，是因为开发者希望AI能够更好地理解用户的现实世界，而不仅仅是进行简单的对话。

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

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

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

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

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

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

又一款追求去数码化的 APP，会把照片处理出「实体印刷品」的质感。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

丝滑的贴纸设计

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

关于Rocket品牌的官方指南。

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

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

免费且开源的SVG图标库。

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

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

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

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

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

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

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

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

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

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

figma motion 的案例。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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产品更加复杂和动态。

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

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

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

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

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

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

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

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

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

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

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

主要讨论了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模型、着色器和自定义效果演示。

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

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

公开的 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着色器效果，包括全息箔、万花筒、磁场、故障、霓虹边缘等

一个小巧的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 日。专门邀请一些人参加的，比如工程师、研究人员、设计师和开发者等，一起探讨软件的未来发展方向。

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

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

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

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

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

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

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

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

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

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

由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的库，可以创建基于着色器的页面炫彩转场效果。

开源的动画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应用。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

把声音重新带回 interface design

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Paper 内置了QuiverAI 的 SVG 生成功能

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

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

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

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

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

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

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

全球最著名的 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应用的基本过渡效果，可以直接复制粘贴到自己的项目中。

一个包含 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彻底颠覆。

一个 免费的当代字体（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 Agent Skills。

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

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

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

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

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

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

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

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

面向 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 或额外的后端。