设计素材周刊 169 期

Moonvy月维

聚合你的设计资源

2025-06-16浏览 9641,475 字 · 约 5 分钟

…

设计资讯

Figma官宣即将推出液态玻璃效果，Figma在X上放出视频预告。上周设计群里讨论AI话题都变少了，回归到设计效果实现，这次 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 也支持部分复制粘贴使用。

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

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

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

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

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

为了方便展示，月维的网站上可以直接鼠标拖拽玻璃块浏览哦

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

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

这周液态玻璃话题太火热了，Spline 也开放了一个案例，这个是真实的可以交互的并且是Q弹的真液态玻璃，有兴趣的可以玩一下。https://app.spline.design/file/4215c871-a600-4969-a91a-cf4755367872
Figma 社区中也出现了非常多的仿液态玻璃效果的文件和插件，可以在社区中搜索关键词：Liquid Glass，再通过封面找到你合眼缘的就可以了，因为软件的限制大家做的效果也都大差不差。https://www.figma.com/community/search?query=Liquid%20Glass&resource_type=mixed&editor_type=all&price=all&sort_by=popular&creators=all
另外 Canned Style （风格罐头）插件，我也增加上了液态玻璃的样式，方便大家点击一下就能生效使用。https://www.figma.com/community/plugin/1392338579595619092/canned-style