往期素材：

一、設(shè)計(jì)資訊

1. Figma 即將支持液態(tài)玻璃效果

Figma 官宣即將推出液態(tài)玻璃效果，F(xiàn)igma 在 X 上放出視頻預(yù)告。上周設(shè)計(jì)群里討論 AI 話題都變少了，回歸到設(shè)計(jì)效果實(shí)現(xiàn)， 這次 Figma 的響應(yīng)很及時(shí)，其他設(shè)計(jì)工具暫時(shí)還沒有動(dòng)靜。

網(wǎng)址：https://x.com/figma/status/1933624715714965947

2. Figma 近期更新

Figma Sites 添加代碼級(jí)交互和動(dòng)畫

現(xiàn)在，借助代碼層，你可以在網(wǎng)站中實(shí)時(shí)編寫和管理 React + Tailwind 動(dòng)效，也可使用內(nèi)置 AI 輔助生成。

開發(fā)模式 MCP 官方服務(wù)器測試版上線

Figma Dev Mode 現(xiàn)已支持 MCP 服務(wù)器，助力 AI 代理在代碼編輯器（如 Cursor、VS Code with Copilot、Windsurf、Claude Code）中實(shí)現(xiàn)基于設(shè)計(jì)的智能生成。

Apple 字體現(xiàn)已自動(dòng)可用

在 Figma Editor、Slides 和 Buzz 中，Apple 的 SF Pro 和 SF Compact 字體可自動(dòng)使用，無需手動(dòng)安裝。FigJam 也支持部分復(fù)制粘貼使用。

網(wǎng)址：https://www.figma.com/release-notes/

二、產(chǎn)品推薦

1. 設(shè)計(jì)師社區(qū) Layers 界面改版

原來是一頁多圖展示，以圖為主預(yù)覽，變成了 X 一樣的設(shè)計(jì)，更像設(shè)計(jì)區(qū)/帖子的瀏覽方式。Dribbble 變了之后，不少設(shè)計(jì)師換到了 Layers 這里分享內(nèi)容，社區(qū)以 UI、UX 作品為主

網(wǎng)址：https://layers.to

2. 移除背景工具

超有意思的圖像移除背景工具，網(wǎng)站打開像游戲場景，把圖片拖到界面中就可以開始移除背景（過程中會(huì)把你這張圖變成床單丟進(jìn)洗衣機(jī)轉(zhuǎn)幾圈）然后就去掉背景可以下載了。這個(gè)設(shè)定做壓縮工具也是可以的吧，哈哈，總之就是很有意思有很實(shí)用的工具。

網(wǎng)址：https://tools.dverso.io/bgremove/

3. 兩個(gè)設(shè)計(jì)師靈感網(wǎng)站

Supahero 與 CTA.gallery 均是高品質(zhì)的設(shè)計(jì)作品庫，為用戶提供“直接可用”的界面設(shè)計(jì)靈感。

一個(gè)專注于按鈕與交互行為（CTA），另一個(gè)立足網(wǎng)站首屏視覺（Hero Section），共同價(jià)值在于：精選、分類、啟發(fā)、提升轉(zhuǎn)化。兩者適合在用戶界面交互設(shè)計(jì)的不同關(guān)鍵環(huán)節(jié)互為補(bǔ)充，是設(shè)計(jì)流程中不可或缺的靈感來源。

網(wǎng)址1：https://www.supahero.io/

網(wǎng)址2：https://www.cta.gallery/

4. 液態(tài)玻璃效果在網(wǎng)頁實(shí)現(xiàn)

上周設(shè)計(jì)師們都在群里聊液態(tài)玻璃的視覺效果以及如何落地，分享兩個(gè)開源的網(wǎng)頁中使用的液態(tài)玻璃效果，網(wǎng)頁效果會(huì)因?yàn)g覽器的不同顯示有區(qū)別，建議使用 Chrome 瀏覽。

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

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

三、設(shè)計(jì)素材

1. Apple 官方 iOS 26 設(shè)計(jì)源文件

Apple 這次 iOS 26 的設(shè)計(jì)組件源文件上線了 Sketch 版本，現(xiàn)在可以在 Sketch 中查看新系統(tǒng)的組件和設(shè)計(jì)規(guī)范了。

網(wǎng)址：https://developer.apple.com/design/resources/

2. Figma 按鈕合集文件

作者分享了一套高質(zhì)量按鈕源文件，下面視頻中的按鈕效果也添加到了文件中。

網(wǎng)址：https://www.figma.com/community/file/1511809868221081673

3. 液態(tài)玻璃素材合集

這周液態(tài)玻璃話題太火熱了，Spline 也開放了一個(gè)案例，這個(gè)是真實(shí)的可以交互的并且是 Q 彈的真液態(tài)玻璃，有興趣的可以玩一下。

網(wǎng)址：https://app.spline.design/file/4215c871-a600-4969-a91a-cf4755367872

Figma 社區(qū)中也出現(xiàn)了非常多的仿液態(tài)玻璃效果的文件和插件，可以在社區(qū)中搜索關(guān)鍵詞：Liquid Glass，再通過封面找到你合眼緣的就可以了，因?yàn)檐浖南拗拼蠹易龅男Ч捕即蟛畈徊睢?/p>

網(wǎng)址：https://www.figma.com/community/search

另外 Canned Style （風(fēng)格罐頭）插件，我也增加上了液態(tài)玻璃的樣式，方便大家點(diǎn)擊一下就能生效使用。

網(wǎng)址：https://www.figma.com/community/plugin/1392338579595619092/canned-style

4. 高質(zhì)量網(wǎng)站著陸頁欣賞

設(shè)計(jì)細(xì)節(jié)含量爆表的網(wǎng)站設(shè)計(jì)，滿屏的細(xì)節(jié)，和現(xiàn)在主流風(fēng)格不同很有特色。按鈕懸浮、滾動(dòng)觸發(fā)、圖文聯(lián)動(dòng)、鼠標(biāo)跟隨等細(xì)節(jié)無處不在

網(wǎng)址：https://blackalgo.com/