資訊/神器/素材全都有！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/