讲师中心 微信公众号
AI工具推荐 视频效率加速

资讯/神器/素材全都有!2026年5月设计素材周刊第三波

酷萱小哥_2564

酷萱小哥_2564

发布时间:2026-05-28 18:20:06

|

657人浏览过

|

来源于php中文网

原创

资讯/神器/素材全都有!2026年5月设计资源周刊第二期

一、全文速览图

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

全文速览图

二、设计资讯

1. Figma Agent 进入渐进式测试阶段

Figma Agent 是深度集成于设计工作流中的 AI 助手,依托设计系统能力,可自动完成界面生成、模块重组与批量调整等任务,显著降低重复劳动强度,提升设计迭代效率。

该功能将在未来数周内分批向用户开放测试。测试期间不消耗任何 AI 配额;正式上线后将按标准计费规则启用点数扣除机制。

欢迎前往官网填写等待名单(figma.com/join-waitlist)申请提前体验。若您成功入选,我们将通过邮件通知您。需注意:登记仅表示意向提交,不确保获得测试资格。本功能面向专业版、组织版及企业版完整订阅用户;协作版与开发者版可在草稿环境中试用;入门版、教育版与政府版暂不支持。

网址: 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 设计灵感源。

Figma Mac版
Figma Mac版

Figma Mac版 126.8.16 官方下载,提供 macOS PKG 安装包,适合 Mac 设计团队使用 Figma、Figma AI 与桌面端协作功能。

下载

网址: 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

热门AI工具

更多
豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

相关专题

更多
Figma AI图像处理全指南:抠图、扩图与矢量化实操
Figma AI图像处理全指南:抠图、扩图与矢量化实操

无需PS插件,掌握 Figma AI 原生图像工具,支持一键移除背景、智能填充丢失区域以及将位图快速转为高精度矢量路径。

272

2026.05.13

Figma AI图像处理全指南:抠图、扩图与矢量化实操
Figma AI图像处理全指南:抠图、扩图与矢量化实操

无需PS插件,掌握 Figma AI 原生图像工具,支持一键移除背景、智能填充丢失区域以及将位图快速转为高精度矢量路径。

272

2026.05.13

Playwright 测试失败怎么办
Playwright 测试失败怎么办

Playwright测试失败专题汇集超时、定位器匹配、浏览器提前关闭、依赖与插件配置、文件上传、SSL及Docker启动等故障文章,并介绍通过截图、报告和Trace定位错误。

0

2026.10.21

Playwright 页面操作指南
Playwright 页面操作指南

Playwright页面操作专题汇集元素定位、点击与输入、等待响应、多页面切换、Iframe、事件监听及文件处理的已审核文章,便于按操作场景查阅示例与常见问题。

0

2026.10.21

Playwright 入门教程
Playwright 入门教程

Playwright入门专题汇集测试框架安装、VS Code配置、录制脚本、编写首个用例、运行调试及查看报告的已审核文章,帮助初学者搭建端到端测试流程。

0

2026.10.21

OpenJDK JVM参数怎么调优
OpenJDK JVM参数怎么调优

Java应用运行缓慢,如何调整JVM参数?本专题介绍OpenJDK JVM性能调优的基本流程,涵盖性能指标确认、运行数据采集、内存配置和垃圾回收分析,帮助你先定位瓶颈,再通过对照测试验证效果,避免直接套用参数而影响应用稳定性。

100

2026.10.16

OpenJDK怎么配置Java开发环境
OpenJDK怎么配置Java开发环境

怎样用OpenJDK搭建开发环境?本专题介绍版本选择、下载安装、环境变量配置和编译运行验证,帮助你理清JDK的作用及基本配置流程,并通过简单程序检查环境是否可用,为后续项目开发做好准备。

80

2026.10.16

OpenJDK怎么部署Java应用
OpenJDK怎么部署Java应用

Java项目开发完成后,怎样部署到目标环境并正常运行?本专题介绍OpenJDK应用部署流程,涵盖运行环境准备、版本兼容检查、应用打包、启动参数配置和日志查看,帮助你理清部署前后的操作顺序,减少环境差异造成的运行问题。

40

2026.10.16

Revel框架模板渲染与表单验证
Revel框架模板渲染与表单验证

本专题围绕Revel框架视图层开发,介绍模板语法、变量输出、布局复用、表单提交、参数绑定与验证规则,帮助开发者完成安全规范的页面交互。

40

2026.10.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Figma AI使用手册
Figma AI使用手册

共0课时 | 0人学习

Figma基础操作+APP项目实战教程
Figma基础操作+APP项目实战教程

共20课时 | 3.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn