Shaders,以前设计师闻之色变的一个领域,现在因为大部分设计软件都已经支持,再加上 AI 的加持,已经渐渐被人们认识并广泛应用了。
- Paper Shaders 开源了,竞争实在太激烈了,也许开源后会有更多人贡献更多新奇的 shaders 吧。
- 之前总发逆天华丽设计的法国设计师 Alex Barashkov 最近开源了一个 toolcraft,可以让 agent 生成带画布、控件和导出的创意应用界面,非常适合做一些设计小工具。
- 于是就看到 Paidax 基于以上两个开源库做了一个小工具,可以上传 logo 生成动态效果。
- Wonder 的内置 shaders 直接和 shaders.com 合作,把他们的那套拿过来了,当然如果你想直接买的话需要 249 刀买断或 20 美金/月订阅。
- 也可以看看 Figma 官方的 shaders 页面,做得也不错。
- 当然还有我最爱的 Unicorn Studio,和其他的比,这个更强大,可定制性最强。
周末搞了一个教育优惠的 skill,主要做两件事:
- 优惠查询 —— 某个产品/网站有没有教育优惠、学生折扣、免费教育版(Replit、Notion、Figma、JetBrains、GitHub Copilot、ChatGPT、Grok、Gemini、MATLAB、Adobe、Perplexity …)
- edu 邮箱申请 —— 美国/加拿大/澳洲/德国/日本/台湾/越南等地哪些院校能申请 edu 邮箱,以及具体申请方法(学校官网、申请入口、邮箱后缀、审核速度、附赠权益)
如果你有需求,可以安装试试:https://github.com/dingyi/dingyi-edu-radar-skill
Resources↘
Astryx Design System
Meta 开源的设计系统,基于 React 和 StyleX 构建、无外部依赖,主题完全可定制且面向 agent,提供 160 多个可访问组件、现成模板和命令行/MCP 文档,已在 Meta 内部支撑超过 13000 个应用。之前我说过现在很多知名公司都把 Tailwind 换成 StyleX 了,不知道是不是一个大趋势。

Transitions.dev Refine
transitions.dev 推出的在线工具,让你实时可视化地调校动效的缓动曲线与过渡参数,边调边预览,快速打磨出自然顺滑的 motion。

其他:
- Image to ASCII - 免费在线 ASCII 艺术生成器,可在本地把任意图片转成字符画(也能用 AI 生成图片再转换),支持多种字符风格,无需注册、无水印。
- posts.design - 社交媒体帖子设计灵感网站,汇集来自 X 等平台的优质设计类帖子,作为社交海报和视觉设计的灵感参考。
- Fol Font - 一个挺好看的点阵字体,但是下载链接好像坏掉了。
- 黑糖话梅 / Black Sugar Plum Candy - 公众号「霞鹜」曾分享的可爱风手机美化字体,现已在 GitHub 正式开源发布。
- glyphcss - 把 3D 模型转成 ASCII 艺术的库。
- Config 2026 Study Guide - Figma 社区文件,把 Config 2026 的 78 场演讲按日期、舞台和主题整理成学习指南,可标记观看进度并分享推荐。
- Greyscaler - 一款处理图像灰度/去色的设计小工具。
Cases↘
Stack Overflow Rebrand: A legacy recoded
Koto 最近为 Stack Overflow 做的品牌重塑,在 AI 冲击下把它从静态知识库重新定位为行业的「真相引擎」,提出 Always in Build 理念,简化经典堆叠 logo、自研 Stack Sans 字体并构建可生成的动态视觉系统。现在很多大牌设计公司都会为了客户的品牌设计专门做一些特效小工具,有了 vibe coding 这种案例更多了。

PERFECT DAYS
电影《Perfect Days》官方网站,讲述东京公厕清洁工 Hirayama 在日复一日的规律生活中发现每天不同的细微美好。这个文字动画效果真好啊,还真是没见过。

其他:
- X Advertising - X 的广告业务官网,小动画做得真精致。
- aileenland - Figma 设计师 Aileen 的个人数字日记式网站,记录她对排版、自由潜水、友情和美食的思考。
- Etched - 打造前沿推理集群的 AI 硬件公司,很喜欢这个网站风格。
- Retool 最近也改版了,风格看起来更像是 AI 公司了。