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

5月設(shè)計(jì)素材精選

AM I FLOCED?

這是一個(gè)測(cè)試工具，用來(lái)幫你確認(rèn) Chrome 瀏覽器中最新的「FLoC」跟蹤功能是否被開(kāi)啟了。根據(jù) Google 的說(shuō)法，這種實(shí)驗(yàn)性的功能會(huì)選定 0.5% 的用戶(hù)，在 Google 廣告技術(shù)測(cè)試中作為測(cè)試對(duì)象。

根據(jù) Am I FLoCed 的設(shè)計(jì)師所說(shuō)：「FLoC 會(huì)根據(jù)你過(guò)去一周的歷史記錄將你分配到屬性與你相似的群組當(dāng)中，每個(gè)小組會(huì)收到一個(gè)被稱(chēng)為 FLoC ID 的標(biāo)簽，用來(lái)標(biāo)記你的習(xí)慣、興趣等有意義的信息。這樣可以通過(guò)瀏覽器指紋識(shí)別你的身份，并且對(duì)你進(jìn)行進(jìn)一步的分析?！?/p>

UNCUT

Uncut 是 4月份才開(kāi)始使用的 Libre 字體目錄，它有著當(dāng)代字體的樣式和風(fēng)格，并且會(huì)定期更新。

DASHBLOCK

Dashblock 讓你可以無(wú)需編碼就可以構(gòu)建自動(dòng)化流程。它可以構(gòu)建視覺(jué)自動(dòng)化流程，也可以把流程區(qū)塊轉(zhuǎn)化為具體的用例。這是一個(gè)高級(jí)工具，提供 14 天免費(fèi)試用。

INSTANT

Instant 是一個(gè)與 WooCommerce 一起使用的一款快速安全的一鍵式結(jié)帳工具，用戶(hù)在購(gòu)物的時(shí)候，只需要填寫(xiě)一個(gè)簡(jiǎn)單的表單，加入之后可以開(kāi)啟無(wú)密碼一鍵式結(jié)帳。

5款圖像工具

TRIANGULA

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

CONTENTAWARE IMAGE RESIZING IN JAVASCRIPT

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

GLOBS DESIGN

Globs Design 使用拖拽和按鈕來(lái)幫你創(chuàng)造時(shí)髦而有趣的形狀和效果，你可以將它保存為 SVG 格式，并且應(yīng)用于不同的項(xiàng)目。

ROOT ILLUSTRATIONS

Root Illustrations 是一組史上又簡(jiǎn)單的人物場(chǎng)景插畫(huà)圖庫(kù)，你可以對(duì)人物場(chǎng)景進(jìn)行自定義處理，可以在 Figma 和 Sketch 中使用，整套包含 24 個(gè)角色，100 多種不同的細(xì)節(jié)和各種各樣的功能。

MAKE YOUR PHOTO 16×9

要讓你的照片按照 16x9 的比例展示聽(tīng)起來(lái)很簡(jiǎn)單，但是實(shí)際操作的時(shí)候，會(huì)發(fā)現(xiàn)各種不合適，這款工具能夠幫你生成模糊的背景填充，讓整體確?？梢园凑?16 x 9 進(jìn)行展示。

6款開(kāi)發(fā)工具

DEVBOOK

Devbook 是一款面向開(kāi)發(fā)人員的搜索引擎，它可以幫助設(shè)計(jì)人員找到他們所需要的資源，并且快速回答一些常見(jiàn)的開(kāi)發(fā)問(wèn)題，最重要的是，僅用鍵盤(pán)就可以完整控制整個(gè)工具。

MADOSEL

Madosel 是一款尚且處于 Alpha 階段的快速、高級(jí)響應(yīng)式的 HTML 前端框架，用它來(lái)創(chuàng)建的網(wǎng)站和 APP 在任何平臺(tái)上看起來(lái)都非常不錯(cuò)，它可讀性良好，靈活且易于定制。

SAY HELLO TO CSS CONTAINER QUERIES

Say Hello to CSS Container Queries 可以幫助你解決媒體查詢(xún)和智能堆棧的問(wèn)題。

FRONTEND TOOLKIT

Frontend Toolkit 是一個(gè)可以自定義的儀表盤(pán)，可以用來(lái)重復(fù)執(zhí)行任務(wù)，包含很多用來(lái)加速工作流程的小工具。

FLATFILE

Flatfile 是一款 SaaS 程序?qū)牍ぞ?，你可以借助它?dǎo)入比如自動(dòng)化的用戶(hù)電子表格，無(wú)需手工清理數(shù)據(jù)，不需要 CSV 解析器就能自動(dòng)完成很多操作。這款工具還包含一套精美的 UI 組件，并且可以指引用戶(hù)完成操作。

PLASMIC

Plasmic 是一款可以與你的代碼庫(kù)一起使用的可視化網(wǎng)站構(gòu)建工具，它旨在加快開(kāi)發(fā)人員對(duì)代碼的專(zhuān)注度，允許非開(kāi)發(fā)人員在此發(fā)布頁(yè)面和內(nèi)容。它的高級(jí)版可以和任何托管服務(wù)、CMS系統(tǒng)以及框架一起使用，你可以根據(jù)組件、頁(yè)面進(jìn)行靈活的調(diào)整。

2款效率工具

CALENDSO

Calendso 是一款開(kāi)源日歷工具，它非常靈活。它是基于 API 進(jìn)行驅(qū)動(dòng)的，允許你輕松地控制和管理不同的事件，這款工具界面簡(jiǎn)單、時(shí)尚、可以集成到網(wǎng)站中。

SLIDEV

Slidev 是一組給開(kāi)發(fā)者使用的幻燈片工具，和傳統(tǒng)的幻燈片不同的地方在于，它對(duì)于代碼的演示更加友好，也帶有更適合代碼演示的主題，代碼塊和交互式組件可以使用 Markdown 在其中進(jìn)行編寫(xiě)。

4款圖標(biāo)與 UI Kits 工具

ICONIC

Iconic 是一套像素完美的圖標(biāo)，每周更新一次，SVG 格式的 24x24 px 的圖標(biāo)集，總計(jì)有 160 個(gè)，樣式簡(jiǎn)單，你可以按照類(lèi)別進(jìn)行搜索。

5 DASHBOARD TEMPLATES FOR FIGMA

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

FREE MOBILE CHAT UI KIT

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

STRATUM UI DESIGN KIT

Stratum UI Design Kit 是包含有 9000 多個(gè)一致元素的素材合集，在這些素材的基礎(chǔ)上你可以快速開(kāi)始新的設(shè)計(jì)項(xiàng)目。

4款新工具和字體

FLUID TYPOGRAPHY

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

EIGHTY-EIGHT

這款名為 88 的時(shí)髦字體有著獨(dú)特而參差的輪廓，特別適合拿來(lái)展示。

HARMONIQUE

Harmonique 是一款筆觸粗壯又可愛(ài)的襯線(xiàn)字體，它包含有兩種不同的樣式，兩種樣式可以協(xié)調(diào)地共同工作。

SKETCHUP

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