2026年5月设计素材周刊：精选神器与资源推荐
资讯/神器/素材全都有！2026年5月设计资源周刊第二期
一、全文速览图
二、设计资讯
1. Figma Agent 进入渐进式测试阶段
Figma Agent 这个深度集成在设计工作流里的AI助手，终于开始小范围露脸了。它的核心能力是依托设计系统，自动完成界面生成、模块重组和批量调整这类重复性劳动——说白了，就是让设计师从那些机械的体力活里解放出来，把精力留给真正需要判断力的地方。
接下来几周内，这个功能会分批向用户开放测试。好消息是：测试期间完全不消耗AI配额，随便用；正式上线后才会按标准计费规则走点数扣除机制。
目前可以通过官网填写等待名单申请提前体验，如果你被选上了，会收到邮件通知。这里得提醒一句：登记只是表达意向，不代表一定能拿到测试资格。另外，该功能只面向专业版、组织版和企业版完整订阅用户；协作版和开发者版可以在草稿环境里试用；入门版、教育版和政府版暂时不支持。
网址：https://www.php.cn/link/59c9d333e920861c96299a5d6ecb3ecb
2. Figma 网格系统全面升级
全新网格布局功能已经正式上线了。这次升级最大的亮点在于：行和列能智能重排，元素可以自动对齐到空闲单元格，而且还能根据内容动态增删行数。以前那些需要手动微调的琐碎操作，现在基本交给系统就完事了。
网址：https://www.php.cn/link/59c9d333e920861c96299a5d6ecb3ecb
三、产品推荐
1. GitHub 开源 Mermaid 可视化方案
如果你经常跟流程图、系统架构图、状态循环图打交道，那这个轻量级绘图工具值得留意。官方精选了84个高质量范例，配合AI使用，基本可以快速生成你需要的任何图表。
GitHub：https://www.php.cn/link/2dfdfda0d15a5769103cc17178348175
预览：https://www.php.cn/link/e554409d7c84976c7509fdd3298a6ed6
2. 高价值 A/B 测试案例库
这个案例库汇集了大量真实一线产品的界面优化实验数据，每一组都包含前后版本对比、关键指标变化和背后的设计决策逻辑。对于想提升转化率和用户体验的同学来说，是相当扎实的参考来源。
网址：https://www.php.cn/link/7fa9c80aaa82d8f42ca37408cdfb984c
3. 两款高质感 Base UI 组件集合
基于 React + Tailwind CSS + Base UI 构建的现代化组件套件，风格清新、细节考究。覆盖了按钮、表单、弹窗、表格、日历、抽屉这些高频组件，特别适合 SaaS 后台、AI 工具和前沿 Web 应用开发。相比传统组件库，它更注重视觉层次、交互动效和设计语言的统一性——既可以直接拿来复用代码，也可以当作 UI 设计的灵感源。
网址：https://www.php.cn/link/dead87a4c00de43486ca1c34d9b33c3c
网址：https://www.php.cn/link/5d29c687a58bc919bd4b28609e2f7134
四、设计素材
1. SVG 抽象图形资源包
一组高品质抽象 SVG 形状合集，支持一键复制 SVG 代码。如果你想给界面增加一些动态感和视觉表现力，这个资源包绝对能用得上——设计师和前端工程师都适用。
网址：https://www.php.cn/link/c01e469e9a9b4ebbeb82b777c03ece6e
2. 数学公式驱动的动效库
math-curve-loaders 是一款纯 HTML+CSS 实现的开源加载动画库，所有效果都由数学曲线（比如玫瑰线、李萨如图形）实时渲染而成，没有任何外部依赖，体积极小。它还自带一个交互式调试面板，支持滑块调节粒子数量、轨迹参数、运动速度和色彩方案，实时预览效果。参数调好后，一键导出完整代码就能嵌入项目使用。
GitHub：https://www.php.cn/link/0c1ea456e4e846bde674bd8ccaa4ac00
预览：https://www.php.cn/link/8b910848337ec9661195003433f97abe
3. 《集合啦！动物森友会》风格 UI 组件库（非官方）
Animal Island UI 是一套受任天堂热门游戏启发的 React 组件库，整体风格圆润治愈、色彩清新，图标和动画都是原创实现。开箱即用，只需要一行样式引入就能生效。除了基础控件外，字体选择、配色体系都高度还原了游戏原生的氛围。提供在线演示站点，兼容 PC 和移动端预览。目前已经被广泛用于个人博客、儿童教育 App、数学训练工具等项目，还衍生出了 Vue、Flutter、Android 多平台版本。如果你正想跳出常规 UI 框架，给项目注入一点独特气质，这个库值得一试。
网址：https://www.php.cn/link/772be51775b3d732ec124eb9aef562f3
五、随便看看
1. APP 设计灵感聚合站
这个站点汇聚了全球顶尖应用的真实交互细节，支持按功能分类浏览，所有动效都可以点击播放。对于设计师和前端工程师来说，它就像一个「灵感博物馆」——能帮我们找到那些让产品脱颖而出的精致微交互和高级体验逻辑。特别适合在做体验优化、动效设计或界面质感提升时，当作参考依据。
网址：https://www.php.cn/link/d43601e8a1b7a88689e57107367b0d58
2. UI 微交互灵感宝典
这个合集专注于收集优秀产品中那些富有「灵魂感」的设计巧思——按钮反馈动画、页面转场逻辑、拟物化交互、404 页面创意、状态提示动效……维度相当丰富。很多容易被忽略却极具感染力的设计彩蛋，它都帮你一一捕捉到了。
网址：https://www.php.cn/link/5f798f5a3adcaeeca1ece15e954ae46f