五月第三波設計干貨合集來了！這次的合集當中，很多工具和素材是相輔相承的，比如圖片壓縮、格式轉換、去除圖片背景、移除圖片內容的幾款工具可以搭配在一起使用，給 Figma 的開源圖標合集、Web UI 設計系統和框架以及高素質的 Lottie 動畫素材庫也可以搭配到一起使用。當然，前2期合集里也有寶藏：

下面我們具體看看這一期的干貨：

1、免費 Figma 和 XD UI 設計資源

https://webui.design/

這個網站提供的功能還是非常直接的，它完全是針對 Figma 和 Adobe XD 這樣的軟件提供專業而全面的 UI 設計和開發框架，這些框架涵蓋了很多不同的類型，但是并不包含移動端 UI ，而是以網頁和 web app 為主。這個網站提供的 web UI 素材多數是免費的，有這類需求的設計師同學可以收藏一下。

2、免費在線情緒板 Visualist

https://set.visualistapp.com/

很多設計師同學做設計的時候還是會用一下情緒板來著，這個名為 Visualist 的工具可以幫你在幾分鐘以內，快速梳理出情緒板，這個工具可以一鍵刪除其中圖片背景，并且幫你進行自動梳理，通過這種方式，幫你快速地整理出設計的思路和想法。

3、免費 Figma 開源圖標合集

https://www.figma.com/community/plugin/1074084347757622122/Iconduck

這個圖標合集當中包含 150 個開源合集的合集，總計包含有超過 120 000+ 免費可用的圖標，你所需要做的就是安裝這個插件，然后就可以調用其中超過 12 萬個圖標。其中的圖標合集大都是超大圖標合集，你可以很輕松地找到你的項目可用的全套圖標。

4、在線圖片壓縮和轉換工具

https://www.optimizeimages.com/

這個在線的圖片格式轉換和壓縮工具，已經非常貼合如今的設計需求了，它除了可以幫你針對 jpeg、png、svg 和 gif 這類常見格式進行批量壓縮優化、添加水印，還能批量抓取網站的圖片素材，高效地轉化 WebP 和 AVIF 這類更為高效的格式。

5、超強的免費背景去除工具

https://clipdrop.co/remove-background

隨著之前很多圖片背景移除工具相繼收費，很多同學都在找優質的替代品，這個 ClipDrop 出品的背景移除工具就是不錯的選擇。一方面，這個工具可以處理高達 5000x5000px 這樣的大尺寸圖片，另一方面，它在摳圖的時候精準度也超過很多市面上的競品。正在找摳圖工具的同學趕緊去試試吧。

6、圖片內容移除工具 Photoroom

https://www.photoroom.com/tools/remove-object-from-photo/

很大程度上，這個工具提供的元素去除功能，可以和上面的背景移除工具在功能上進行互補，上傳你需要處理的圖片，然后簡單的擦除你想要移除的元素，它可以在強大的 AI 的協助下，幫你干掉它，并且保持整個圖片的自然合理，值得試試哦。

7、高品質 Lottie 動畫素材庫

https://creattie.com/

如果你日常設計的時候會需要高素質的動畫素材，那么這個素材庫一定要收藏一下，這個素材庫提供大量的 Lottie 動畫素材，以及很多不錯的矢量圖。如果你不確定它是否值得付費，素材平臺還提供了免費試用，你可以先嘗試著用用來判斷一下。

8、肌理超強的筆刷字體Brich

Brick 是一款典型的展示性的英文字體，字體筆觸肌理感相當強，用來做 Banner 和海報設計是特別合適的。這款免費字體是僅限個人使用的的版本，具體可以在文章開頭和結尾的百度云鏈接中獲取。

9、免費矢量形狀素材小合集

這是一組矢量素材合集，其中包含 15 個 3D 立體風（實際是2D）的幾何立體線框和 40 個平面矢量素材，這些充滿秩序感的矢量素材都是以 PSD 格式存在，僅限個人使用，可以在文章開頭和結尾的百度云鏈接中下載獲取。

10、免費的 Instagram 展示樣機

老實國內設計師對于用到 Instagram 樣機的場合似乎并不會太多，但是這套樣機素材稍加處理其實是可以應用到其他的 APP 展示上，倒是不失為一個不錯的展示模板，感興趣的同學可以在文章開頭結尾的百度云鏈接中獲取，值得注意的是，這個免費樣機僅限個人使用。

OK，以上就是這一期的設計干貨合集，希望里面有你需要的素材！