2021 年 5 月设计圈超实用干货大合集

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

要让你照片按照 16×9 比例展示听起来很简单，是实操作时候，会发现各不合适，这款工具能够帮你生成模糊背景填充，让体确保可以按照 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 式的 24×24 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 是款迷展示性体，免费版本符比较受限。