資訊/神器/素材全都有！2025年6月設(shè)計(jì)素材周刊第三波

往期素材：

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

Sketch 支持了「液態(tài)玻璃」效果

Sketch 在 Beta 版本中，增加了全新的「圖層效果」面板，在面板新增各種特殊效果，包含

1. 模糊效果（圖層模糊/背景模糊），包含漸進(jìn)模糊效果
2. 玻璃效果，很還原 iOS 26 的液態(tài)玻璃效果，還有色散效果
3. 動(dòng)感模糊效果
4. 縮放模糊效果，編輯原點(diǎn)之后可以做成類似探照燈效果

以上功能還沒有更新到正式版本，需要下載安裝最新的 Beta 版本使用

網(wǎng)址：https://www.sketch.com/beta/

Figma 新增「可變寬度」描邊編輯功能

新增「可變寬度」描邊矢量編輯工具，調(diào)整路徑上任意指定點(diǎn)的描邊寬度。該工具可在 Figma Draw 和 Figma Design 中使用。

可變寬度的筆觸還允許在平板電腦上利用壓力感應(yīng)進(jìn)行繪圖。Figma 會(huì)設(shè)置筆觸寬度，以反映使用手寫筆繪圖時(shí)在每個(gè)點(diǎn)施加的壓力大小，這使得 Figma 中的徒手繪圖更加逼真。

這個(gè)功能還彌補(bǔ)了對文字的變形的需求，文本轉(zhuǎn)曲，變成筆刷，然后就可以使用路徑寬度編輯工具進(jìn)行隨意調(diào)整啦

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

二、產(chǎn)品推薦

Figma 查看寬高比插件

使用插件，可以快速的查看設(shè)計(jì)圖的寬高比例，選中設(shè)計(jì)圖即可顯示，操作簡單非常實(shí)用的插件

網(wǎng)址：https://www.figma.com/community/plugin/1517989015632111393/nearest-aspect-ratio-viewer

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

免費(fèi)圖標(biāo)庫

包含線性和填色兩種類型，共3000+數(shù)量的矢量圖標(biāo)

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

著陸頁設(shè)計(jì)源文件

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

前端技術(shù)知識(shí)庫

這個(gè)網(wǎng)站是 Brad Woods 的個(gè)人知識(shí)庫，結(jié)構(gòu)清晰、內(nèi)容豐富的技術(shù)筆記庫，適合前端工程師和創(chuàng)意開發(fā)者。這里不僅有深入淺出的實(shí)用教程，還涵蓋 CSS/JS/WebGL/CSS/SVG 等多個(gè)前端領(lǐng)域的高級話題，以及設(shè)計(jì)思想、寫作經(jīng)驗(yàn)和游戲開發(fā)日志，網(wǎng)站設(shè)計(jì)也很有特色。

網(wǎng)址：https://garden.bradwoods.io/

Figma 液體玻璃效果衣柜（原型可交互）文件

源文件中分享了完整的設(shè)計(jì)步驟以及原型交互，打開文件預(yù)覽原型可以直接體驗(yàn)

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

4個(gè)免費(fèi)科技感背景素材

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

玻璃質(zhì)感 UI 組件設(shè)計(jì)

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

矢量圖標(biāo)庫文件

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