Prototypr.io 这个月更新的设计工具合集非常给力，总计有 21 款最新的设计工具推荐，其中包括绘图工具 Charcoal，Colorsinpo 和 Vectary 和 Sketch 3D 插件，它们都相当地给力。除此之外，用户测试平台 Maze 现也已加入 Figma 全家桶，因此，如果你是 Figma 用户，现在应该也可以用上 Maze 了！除此之外，这个月还推荐了 4 个超级给力的资源库，从品牌用色到深色模式指南一应俱全！下面，我们具体看看吧。

设计工具

1. Charcoal →

这是一款适用于 iOS 的绘图工具，它非常简单，易于上手。它是为iPhone 和 iPad 所设计的，对于深色模式和多窗口支持都非常良好。它还将添加自定义配色和网格功能，此外，它还是完全免费的！

2. Maze + Figma →

Maze 是一款以基于用户反馈来洞见需求从而提升设计的工具。目前，这款工具已经兼容了 Sketch、 Invasion 以及 Marvel APP，而它最新的特性，是支持了Figma。你如果是 Figma 用户，那么现在可以在完成设计之后，无缝地进行用户测试、获得反馈。

3. Creately 3.0 →

这是一个非常便捷的图表制作工具，它可以让你的团队无缝地合作，来创建信息图、图表并且创建视觉效果。Creately 3.0 旨在帮你将更多注意力放在创作上，而不是纠结于工具本身。最新的Creately 3.0包含如下特性：

○ 创建不同的流程图和组织结构图

○ 创建思维导图

○ 支持 UML

○ 支持信息图表

○ 支持50多种不同图表

○ 支持 1000+图形

4. SPELL →

Spell 是一款 Figma 插件，它能够进行拼写检查，能够确保你的文案都写对了。目前在 Github 和 Reddit 上有超过 1700 位设计师已经在使用 Spell 了。

5. Design Lint →

这是一款开源的 Figma 插件。Design Lint 能够帮助你发现并修复设计中的错误。这款插件能够帮你在所有图层上找到缺失的样式，确保你不会出错。另外，它是完全免费的。

配色和图标工具

1. Colorsinspo →

这里汇集了很多和配色相关的东西，从完整的配色方案，工具到教程，不一而足。Colorsinspo 让你选择配色比以往更加简单。

2. Calcolor.co →

忘记抽象的色彩概念吧，使用Calcolor.co 吧，它会让你关注于更重要的事情，它发现、共享、 使用色彩的新工具，可以用来测试和预览配色，更改甚至生成风格指南。

3. Motion →

这是一个动态 SVG 图标编辑器，它是一款免费工具，其中包含 动态 SVG 图标合集和一个简单的编辑器，你可以改变配色，甚至可以调整动画的速率，非常方便。

4. Gradientify →

Gradientify 让你可以将渐变色彩添加到 SVG 图标当中，这款工具带有 100 多种预制的渐变色，并且可以完全自定义，完全免费。

5. Icons8 for Figma →

我们知道 Icons8 有各种各样的图标合集，这次，有了这个工具，我们就可以直接在 Figma 的工具区当中直接使用 Icons8 了！

6. beedii →

Nitish 和 Prafful 提供各种各样手绘表情符字体，这个系列如今包含 48 个不同的元素，并且将可能会推出更多！目前，它可以用作个人和商用，你只需要点击复制就行了！

其他资源素材

1. All Design Conferences →

想知道全球所有的设计类的盛会么?看这里你就可以知道！从设计到技术，从用户体验到前端，不一而足。

2. Brand Building Guides & Tools →

当你想从头开始创建一个设计品牌的时候，碰到各种障碍的频率有多高?这份品牌创建指南能够给你足够的帮助，从 LOGO 、内容到文案，全面的支持。

3. DarkModeDesign →

这是一个深色模式设计素材资源的合集，这个合集让你无需在上百个网站上搜索所需要的内容。DarkModeDesign 可以帮你找到实用有效的神色模式应用、 指南 和教程。

4. Sideway →

这是一个设计师发布作品、互相联系的平台，旨在激发你的灵感，并且帮您完成工作。这个平台包含各种项目、设计师的故事以及工作机会。

 免代码工具

1. Kepler Website Builder →

Kepler 是一款高级的 WordPress 网站构建工具，通过拖拽来放置组件。无论你是初学者还是进阶的专家，都可以玩转 Kepler，因为它是完全无需代码知识的。

2. Blnq Studio →

这是一个需要很少代码知识就能玩转的平台，非常适合在线进行原型制作。Blnq 适合所有类型的用户，任何想在线构建原型的开发者和设计师都可以来用着试试。

3. Sketch2Code →

这款工具能够将你的手绘原型草图转化为 HTML 代码，背后支撑着一功能的是 Microsoft AI。

样机和展示工具

1. Vectary for Sketch →

使用这个 Victory 插件，你可以在 Sketch 中快捷地获得真实的 3D 样机。它允许你将3D 建模导入到 Sketch 中，并且选择角度。

2. Screenie →

这是一个兼容 macOS Catalina 的屏幕截图管理器，允许你通过快速拖放来组织截图、预览截图，甚至还能在其中搜索文本！

3. Screenshot Creator →

这款工具能够创建美观实用的素材，让你可以更好地在 App Store 和 Google Play 上推广你所设计的应用。在创建屏幕快照的同时，你可以以最佳的方式展示你的产品功能，试试看吧！

17年技术积累的达内教育，引领行业的技术，一线技术专家，15万家就业合作企业。技术，求职，高薪，你的所有问题都能一站式解决！

免责声明：文章内容来源于公开网络。版权归原作者所有，如有侵权，请联系我们删除。