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

5月份的设计圈来了！这次的合集挑选了不少贴合当下需求的设计与前端的设计素材，尤其是不少适用于 Figma 和 Sketch 的设计资源，上手即用，非常方便！

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 一起使用的一款快速安全的一键式结帐工具，用户在购物的时候，只需要填写一个简单的表单，加入之后可以开启无密码一键式结帐。

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 进行展示。

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系统以及框架一起使用，你可以根据组件、页面进行灵活的调整。

CALENDSO

Calendso 是一款开源日历工具，它非常灵活。它是基于 API 进行驱动的，允许你轻松地控制和管理不同的事件，这款工具界面简单、时尚、可以集成到网站中。

SLIDEV

Slidev 是一组给开发者使用的幻灯片工具，和传统的幻灯片不同的地方在于，它对于代码的演示更加友好，也带有更适合代码演示的主题，代码块和交互式组件可以使用 Markdown 在其中进行编写。

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 多个一致元素的素材合集，在这些素材的基础上你可以快速开始新的设计项目。

FLUID TYPOGRAPHY

Fluid Typography 是一款精美的工具，在它帮助下你可以在不同的界面下测试任何标题尺寸，确保标题的设计在任何地方都是可用的。

EIGHTY-EIGHT

这款名为 88 的时髦字体有着独特而参差的轮廓，特别适合拿来展示。

HARMONIQUE

Harmonique 是一款笔触粗壮又可爱的衬线字体，它包含有两种不同的样式，两种样式可以协调地共同工作。

SKETCHUP