资讯/神器/素材全都有！2025年6月设计素材周刊

往期素材：

一、设计资讯

1. Figma 即将支持液态玻璃效果

Figma 官宣即将推出液态玻璃效果，Figma 在 X 上放出视频预告。上周设计群里讨论 AI 话题都变少了，回归到设计效果实现， 这次 Figma 的响应很及时，其他设计工具暂时还没有动静。

网址：https://x.com/figma/status/1933624715714965947

2. Figma 近期更新

Figma Sites 添加代码级交互和动画

现在，借助代码层，你可以在网站中实时编写和管理 React + Tailwind 动效，也可使用内置 AI 辅助生成。

开发模式 MCP 官方服务器测试版上线

Figma Dev Mode 现已支持 MCP 服务器，助力 AI 代理在代码编辑器（如 Cursor、VS Code with Copilot、Windsurf、Claude Code）中实现基于设计的智能生成。

Apple 字体现已自动可用

在 Figma Editor、Slides 和 Buzz 中，Apple 的 SF Pro 和 SF Compact 字体可自动使用，无需手动安装。FigJam 也支持部分复制粘贴使用。

网址：https://www.figma.com/release-notes/

二、产品推荐

1. 设计师社区 Layers 界面改版

原来是一页多图展示，以图为主预览，变成了 X 一样的设计，更像设计区/帖子的浏览方式。Dribbble 变了之后，不少设计师换到了 Layers 这里分享内容，社区以 UI、UX 作品为主

网址：https://layers.to

2. 移除背景工具

超有意思的图像移除背景工具，网站打开像游戏场景，把图片拖到界面中就可以开始移除背景（过程中会把你这张图变成床单丢进洗衣机转几圈）然后就去掉背景可以下载了。这个设定做压缩工具也是可以的吧，哈哈，总之就是很有意思有很实用的工具。

网址：https://tools.dverso.io/bgremove/

3. 两个设计师灵感网站

Supahero 与 CTA.gallery 均是高品质的设计作品库，为用户提供“直接可用”的界面设计灵感。

一个专注于按钮与交互行为（CTA），另一个立足网站首屏视觉（Hero Section），共同价值在于：精选、分类、启发、提升转化。两者适合在用户界面交互设计的不同关键环节互为补充，是设计流程中不可或缺的灵感来源。

网址1：https://www.supahero.io/

网址2：https://www.cta.gallery/

4. 液态玻璃效果在网页实现

上周设计师们都在群里聊液态玻璃的视觉效果以及如何落地，分享两个开源的网页中使用的液态玻璃效果，网页效果会因浏览器的不同显示有区别，建议使用 Chrome 浏览。

Github： https://github.com/shuding/liquid-glass

Github： https://github.com/rdev/liquid-glass-react

三、设计素材

1. Apple 官方 iOS 26 设计源文件

Apple 这次 iOS 26 的设计组件源文件上线了 Sketch 版本，现在可以在 Sketch 中查看新系统的组件和设计规范了。

网址：https://developer.apple.com/design/resources/

2. Figma 按钮合集文件

作者分享了一套高质量按钮源文件，下面视频中的按钮效果也添加到了文件中。

网址：https://www.figma.com/community/file/1511809868221081673

3. 液态玻璃素材合集

这周液态玻璃话题太火热了，Spline 也开放了一个案例，这个是真实的可以交互的并且是 Q 弹的真液态玻璃，有兴趣的可以玩一下。

网址：https://app.spline.design/file/4215c871-a600-4969-a91a-cf4755367872

Figma 社区中也出现了非常多的仿液态玻璃效果的文件和插件，可以在社区中搜索关键词：Liquid Glass，再通过封面找到你合眼缘的就可以了，因为软件的限制大家做的效果也都大差不差。

网址：https://www.figma.com/community/search

另外 Canned Style （风格罐头）插件，我也增加上了液态玻璃的样式，方便大家点击一下就能生效使用。

网址：https://www.figma.com/community/plugin/1392338579595619092/canned-style

4. 高质量网站着陆页欣赏

设计细节含量爆表的网站设计，满屏的细节，和现在主流风格不同很有特色。按钮悬浮、滚动触发、图文联动、鼠标跟随等细节无处不在

网址：https://blackalgo.com/