最新 Prototypr.io 实用设计工具合来了！这个月荐了计33款设计类工具，涵盖了图库、素材合、原型、样、效率等多个不类工具，精挑细选品类齐全！

?插画和头像

1. Fresh Folk →

这本月好的图库之一，Fresh Folk 提供精的插画，以及丰富的可供混搭的元素。

2. 100,000 Faces →

这套素材库是由 AI 生成的超过10万个可供免费使用的逼真人脸，这套工是完全免费的，并且提供多种选项供你选择。

3. Glaze →

Glaze 是一个素质的插画容平台，供超质量的免插画素材。

4. Faces →

Faces 是组没有背景脸头像素材，你可以在商用项目使用，为它遵循是CC0许可。

? 色彩工具

1. CopyPalette →

CopyPalette 可以 SVG 格式的调色板，可以通过复制粘贴将它直接添加到的 Sketch 或者 Figma 项目当中去。

2. Color System Plugin for Sketch →

这是一个 Sketch 插件，对于UI计来说，它一键生成深色模式和浅色模式的功能，绝对够良心。

? 设计资源合集

1. Email Love →

这是个邮件爱好者额邮件模板和设计灵感合，它可以帮你更好地创电子邮件。

2. Flawwwless UI Icons →

是一个包含250个开源的 React.js 图标的强大素材库，你以在设计中使用，只需要单击图标，复粘贴代码即。

3. Leon Sans →

Leon Sans  Jongmin Kim 使用码所创作的一款几何无衬线字体，可以通过它的 HTML5 码 Canvas 元素制动画、效果形状。

4. Humans →

这是一个网站集，从React、Angular  WP，你可以从这些个人网站中汲取计和开发的灵，充展示你的想法和才。

5. Freebies.ByPeople →

这是一个面向设计师和开发者的免商资源合集，这里有上百个同的图标包、UI工具包和字体等。

? 原型工具

1. Figgy →

是一款自带深模式的 Figma 原生工具，它自带深模式，以用 Mac 地的系统字、选项卡、菜单和按钮样式，适用几乎所有的插件。

2. Figmac →

Figmac 一款轻级的 Figam 桌面端应用，它可以提供加自然的 Mac 端的体验，并且完全免费。

3. Naker.Back →

这是一款简的编辑器，用来创建交互式的背景和渐变效果。你可以使用现有的模板来创建属于的模板，然后将它嵌入你的网站当中，也可以用在的机和脑当中。

4. Dimensions →

Dimensions 是一款可在浏览器中直接测量同元素的工具，它可测量图像、视频、输入字、按钮等等。如果你无法测量浏览器中的元素大小， Dimensions 是非方的。

5. Easometric →

在使用 Figma 创等轴测元素时候，Easometric 是个常有用工具，这款工具能很好地创等轴测图，它所使用技术被称为 SSR30⁰，它可以帮助你快速创左右等轴测图。

6. Airtable to Figma →

个插件让你以在 Figma 当中直接用 Airtable 的数据，借助它，你以直接其中的文和图像直接用来，也以将 Airtable 中的数据字段映射到组件和图当中，甚至选择你喜欢的局。

7. FontKey →

这一种全新的查找、制作分享字体的具。找到合自己的字体之，FontKey 会随机显示不同的字体选项，此外，还可以速获取网站码共享。

⚡ 设计系统

1. InVision DSM →

InVision 设计系统管器可连通设计师和开发者的工作流程，充分发挥团队的创。

2. UI Bakery →

这是个用来构前端 APP 定制化设计系统，UI Bakery 是个较少使用代码平台，可以降低开发成本。

? 设计转代码工具

1. React Figma →

这一可以将 React 组件渲染到 Figma 的具

• ? 灵源于 react-sketchapp 这款工
• ? 被设用创建可理的设系统
• ? 灵活的局支持
• ♻️ 支持 Hydration
• ⚙️ 基于 Figma 的插件 API 创建

2. Builder →

Builder 一使用托拽构建网站布局的具，Builder 合用构建陆页、营站点。它可以灵活支持不同的 API。

3. Shade →

这是一个适初创公使用的免费着陆页，Shade HTML 模板使用的是 Bootstrap 构建的，你可以在它的基础上快速构建专业的着陆页。

4. Froala Pages →

使 Froala Pages ，你可快速创建和编辑 Javascript 页，它是模的设计系统，可减操作流程中额外的工作。

? 样机工具

1. Apple Mockups →

是最新的苹果设备的样机素材，你有单独购买或者打包购买，当还有免费的样机供领取和下载。

2. uiprint →

uiprint 可供打印的样机线框图模板，这样可以打印出，纸速绘制构建的法，这套素由 Vijay Verma 创建。

3. Shots Mockups →

这是可以在 Dribbble 和 Instagram 上使用的机，它有专门供 Sketch、Figma 和 Adobe XD 使用的格式。

? 其他工具

1. Flawless Feedback 2.0 →

这是个常使用反馈工具，能够让你 iOS 应用拥有更完美视觉反馈。最新 Flawless Feedback 2.0 有着更快 APP镜像，反馈分组，也可以更快地进协作。

2. VisualEyes →

是一个由 AI 驱动的注意力热图工具，以帮你构建更的 UI，它有适用 Sketch、Figma 和 Adobe XD 的插件。

3. Epilepsy UX →

设当中，可访问性关键因素，这款 Figma 插件能够帮检测的设对于患癫痫的用户否安全稳妥。

4. Feedback by Pixelic →

这款工能够直向你的UI界面添加反馈，通过加德纳你的版本控制让文件系统井井有条。

? 效率工具

1. Represent →

Represent 让你需离开 Sketch 可以缝地客户展示你设计，实时、远程可操作、高效。

2. Poda →

Poda 是一款简单、视化地定义、共享产品策略的工具，以提供更加统一的组织架构。

作者: Sofia
编辑: Graeme
编译：陈子木