5月份的設計圈干貨大合集來了！這次的干貨合集挑選了不少貼合當下需求的設計與前端的設計素材，尤其是不少適用于 Figma 和 Sketch 的設計資源，上手即用，非常方便！

5月設計素材精選

AM I FLOCED?

這是一個測試工具，用來幫你確認 Chrome 瀏覽器中最新的「FLoC」跟蹤功能是否被開啟了。根據 Google 的說法，這種實驗性的功能會選定 0.5% 的用戶，在 Google 廣告技術測試中作為測試對象。

根據 Am I FLoCed 的設計師所說：「FLoC 會根據你過去一周的歷史記錄將你分配到屬性與你相似的群組當中，每個小組會收到一個被稱為 FLoC ID 的標簽，用來標記你的習慣、興趣等有意義的信息。這樣可以通過瀏覽器指紋識別你的身份，并且對你進行進一步的分析。」

UNCUT

Uncut 是 4月份才開始使用的 Libre 字體目錄，它有著當代字體的樣式和風格，并且會定期更新。

DASHBLOCK

Dashblock 讓你可以無需編碼就可以構建自動化流程。它可以構建視覺自動化流程，也可以把流程區塊轉化為具體的用例。這是一個高級工具，提供 14 天免費試用。

INSTANT

Instant 是一個與 WooCommerce 一起使用的一款快速安全的一鍵式結帳工具，用戶在購物的時候，只需要填寫一個簡單的表單，加入之后可以開啟無密碼一鍵式結帳。

5款圖像工具

TRIANGULA

Triangula 是一款實用的圖像處理工具，基于算法能夠將圖片制作成為低多邊形的效果，這款工具適合尺寸小于 3000 px 的圖像。

CONTENTAWARE IMAGE RESIZING IN JAVASCRIPT

這是一款解決圖片尺寸適配問題的工具，它可以幫你對圖片進行尺寸上的處理，不過你最好在使用之前閱讀一下教程。

GLOBS DESIGN

Globs Design 使用拖拽和按鈕來幫你創造時髦而有趣的形狀和效果，你可以將它保存為 SVG 格式，并且應用于不同的項目。

ROOT ILLUSTRATIONS

Root Illustrations 是一組史上又簡單的人物場景插畫圖庫，你可以對人物場景進行自定義處理，可以在 Figma 和 Sketch 中使用，整套包含 24 個角色，100 多種不同的細節和各種各樣的功能。

MAKE YOUR PHOTO 16×9

要讓你的照片按照 16x9 的比例展示聽起來很簡單，但是實際操作的時候，會發現各種不合適，這款工具能夠幫你生成模糊的背景填充，讓整體確保可以按照 16 x 9 進行展示。

6款開發工具

DEVBOOK

Devbook 是一款面向開發人員的搜索引擎，它可以幫助設計人員找到他們所需要的資源，并且快速回答一些常見的開發問題，最重要的是，僅用鍵盤就可以完整控制整個工具。

MADOSEL

Madosel 是一款尚且處于 Alpha 階段的快速、高級響應式的 HTML 前端框架，用它來創建的網站和 APP 在任何平臺上看起來都非常不錯，它可讀性良好，靈活且易于定制。

SAY HELLO TO CSS CONTAINER QUERIES

Say Hello to CSS Container Queries 可以幫助你解決媒體查詢和智能堆棧的問題。

FRONTEND TOOLKIT

Frontend Toolkit 是一個可以自定義的儀表盤，可以用來重復執行任務，包含很多用來加速工作流程的小工具。

FLATFILE

Flatfile 是一款 SaaS 程序導入工具，你可以借助它導入比如自動化的用戶電子表格，無需手工清理數據，不需要 CSV 解析器就能自動完成很多操作。這款工具還包含一套精美的 UI 組件，并且可以指引用戶完成操作。

PLASMIC

Plasmic 是一款可以與你的代碼庫一起使用的可視化網站構建工具，它旨在加快開發人員對代碼的專注度，允許非開發人員在此發布頁面和內容。它的高級版可以和任何托管服務、CMS系統以及框架一起使用，你可以根據組件、頁面進行靈活的調整。

2款效率工具

CALENDSO

Calendso 是一款開源日歷工具，它非常靈活。它是基于 API 進行驅動的，允許你輕松地控制和管理不同的事件，這款工具界面簡單、時尚、可以集成到網站中。

SLIDEV

Slidev 是一組給開發者使用的幻燈片工具，和傳統的幻燈片不同的地方在于，它對于代碼的演示更加友好，也帶有更適合代碼演示的主題，代碼塊和交互式組件可以使用 Markdown 在其中進行編寫。

4款圖標與 UI Kits 工具

ICONIC

Iconic 是一套像素完美的圖標，每周更新一次，SVG 格式的 24x24 px 的圖標集，總計有 160 個，樣式簡單，你可以按照類別進行搜索。

5 DASHBOARD TEMPLATES FOR FIGMA

這是 5 套現成的免費可用的控制面板界面，有深色模式也有淺色模式，你可以將它和日歷、圖表等一起混合使用。

FREE MOBILE CHAT UI KIT

這是適用于 Sketch、Figma、Adobe XD 的組件工具，其中包括 50 多個深色和淺色模式的 UI 界面。

STRATUM UI DESIGN KIT

Stratum UI Design Kit 是包含有 9000 多個一致元素的素材合集，在這些素材的基礎上你可以快速開始新的設計項目。

4款新工具和字體

FLUID TYPOGRAPHY

Fluid Typography 是一款精美的工具，在它幫助下你可以在不同的界面下測試任何標題尺寸，確保標題的設計在任何地方都是可用的。

EIGHTY-EIGHT

這款名為 88 的時髦字體有著獨特而參差的輪廓，特別適合拿來展示。

HARMONIQUE

Harmonique 是一款筆觸粗壯又可愛的襯線字體，它包含有兩種不同的樣式，兩種樣式可以協調地共同工作。

SKETCHUP

Sketchup 是一款迷人的展示性字體，免費的版本字符集比較受限。