第一波！2019年6月30款超实用设计工具合集

编者按：最新一期的设计圈干货来了！这次的干货是来自 prototypr.io 的整理。

对于设计师而言，这是一个越来越好的时代，每个月都会有大批的设计工具和辅助插件更新来帮助设计更好地完成设计工作，而这其中 Adobe XD、Marvel 和 Framer 这类原型工具相关的插件更新尤其频繁，它们让设计师更好地通过协作完成设计。这次更新的设计工具和插件总计有 31 款，希望它们能帮助你。

6款配色工具和图标合集

1. 彩色圆点字体 Color Dot Font

说真的，它并不是一个真正意义上的配色工具，它是一套字体──每一个西文字母都对应为一个不同色彩的小圆点。你可以拿这套字体来作为占位符，更加清晰地看到布局的结构。非常独特的脑洞，也不失为一种独创的设计元素吧？

2. 精选调色板 Colorinspire.io

为合适的项目寻找合适的配色总是一件令人纠结的事情，考虑到这一点，Ales Nesetril 创造了 Colorinspire 为你提供精选的配色方案，无论是直接使用，还是作为灵感，都会是不错的选择。

3. 取色神器 Colordrop 2

你有没有想过，你最喜欢的那张照片里的色彩所对应的16进制 HEX 值？不用想了，用 Colordrop 2，答案直接就告诉你。

4. 图标合集 Flight Icons

忘记静态图标吧。如今的世界是动态的，这也是为什么当我们发现 Flight Icons 的时候，我们就会把它纳入到整个体系当中，这个图标合集包含了日常常见的所有日常图标，非常有趣。

5. 动画图标库 useAnimations

根据如今对于动画的趋势，Patrik Svoboda 整合了一系列很酷的微动画图标库，你可以在你的 APP 和网站上使用。

6. 免费图标编辑器 Free Online Icon Editor

定制化设计也是一大趋势。这款免费的图标设计工具是来自 IconFinder，这个免费的图标编辑器让你可以轻松修改图标颜色，笔触甚至形状。

3套设计素材合集

1. Muzli 搜索

Muzli 可能是网络上品质最高的设计灵感平台之一了，我们早早就折服于这款工具，现在 Muzli 搜索让你能够更为精确地搜索并获取灵感素材。

2. 素材库 Undesign

无论你是开发者、设计师，这个素材库都是非常值得收藏的。这套素材库当中涵盖了各种不同的免费工具和资源，帮你将自己的构想变为现实。

3. 设计API Design API

这可能是搜集并使用设计元素的最有意思的一种方式，那就是将它以 API 的形式来使用。这个API 支持返回各种形式的内容，包括 LOGO、色彩、字体等等几乎所有类型的素材。

5款原型工具

1. Adobe XD 19.0

这可能是原型设计领域最不可忽略的力量，Adobe XD 19.0 作为最新的版本，明显是最大程度地倾听了用户反馈之后，迭代出来的版本。新版中加重了设计组件的功能，以及设计师和开发人员之间的协同。

2. Framer Playground

截至目前，Framer 在2019年更新的这个版本是变化最大的一版。Playground 提供了自己编写组件的可能性，而且这种编写几乎是毫无限制的。Framer 内置了新的代码编辑器，Playground 还为 Framer 增加了其他的功能，包括完整的原型库和相关的文档。

3. Marvel 工具箱 Entreprise 3

Marvel Entreprise 3是对 Marvel 原有工具组合的一次合理的补充。新版的 Entreprise 主要通过增强协作和组织来大规模地提升产品设计的效率和效果。

4. 矢量图形编辑器 Amadine

这是一款全新的矢量图形设计工具，具有直观且足够易用的 UI，对于视觉设计师和插画师而言，是非常不错的工具。

5. 3D场景搭建工具 Spoke

如果你是火狐浏览器和相关产品的用户，那么恭喜你了，这回有新东西可以玩了：3D 场景建模工具 Spoke，让你可以直接在浏览器中构建各种场景，非常有趣，也非常实用。

2款样机工具

1. 视频样机 Mokup Frames

视频样机在设计领域用得越来越多了，Mokup Frames 就是基于这一概念而设计的，设计师可以基于它来创建可以用在 Dribbble 等平台的GIF视觉稿。

2. AppStore 样机工具 Jaamly

Jaamly 是一款仅适用于 iOS 平台的工具，它是用来帮你生成 AppStore 中展示用的屏幕截图以及相关的图标的工具。

4款设计插件

1. Sketch 转网页插件

这款插件出自 Sparkle 之手，能够帮你将 Sketch 中的设计稿自动转换成网页。它能提供一套使用且易用的代码设计解决方案，帮你省去大量的时间。

2. Sketch 入门设计套件

这是基于原子设计原则所制作的一套入门设计套件，它是新项目的完美起点，整套套件预先准备了完整的指南和相应的符号架构，可以非常便捷地进行定制。

3. remove.bg Sketch 插件

著名的去背景服务 Remove.bg 为 Sketch 制作的插件，让你可以不离开 Sketch 直接轻松地移除图片中不需要的背景。

4. 数据填充器 Data Populator

可用于 Sketch 和 Adobe XD，Data Populator 能动态的数据占位符，而不是传统的乱数假文。

4款协作和文档工具

1. 协作平台 Taskade 2.0

Taskade 是一款干净、有趣且易用的协作平台，如今在整个数字协作工具领域也有它自己的一席之地了。它可以在浏览器上使用，也可以作为桌面端和移动端的工具来使用，这意味着你可以在任何你感到舒适的地方便捷地工作。

2. 项目管理协作工具 Nural

这是一款新兴的协作工具，2019 年年初才诞生，它的重心是在高效的项目管理上，无论是组织项目，还是和团队进行沟通，它都能够轻松胜任，并且帮你在 Deadline 之前完成项目。

3. 笔记工具 Milanote iOS

这是一款简单的 iOS 应用，能帮你组织笔记和想法，并且将它转换成可视化的内容。

4. 文档工具 DesignGapp

文档是确保项目一致性的关键。DesignGapp 可以让你轻松创建设计风格指南，确保你和客户协作和沟通更加便捷。

1款设计转代码工具

1. 设计&代码编辑器 Frontnd

还在担心你的设计脱离不开草稿本？你可以试着使用 Frontnd Builder 编辑器，只需托拽就能快速搭建设计，生成 Web应用，进行深入的编辑和管理，你甚至可以借助它的实时编码功能来调整代码，控制输出的效果和细节。

5款分析和用户反馈工具

1. 用户反馈工具 Useberry 2.0

如果你尝试过 Useberry，你会发现用户测试从来都没有这么便捷过！Useberry 让你可以在原型阶段就可以获得用户反馈，这样就不必浪费时间经历来创造用户不需要的东西了。

2. 新用户引导设计工具 Eyelet

帮助新用户快速熟悉你的产品，提供完美的引导，是一件不容易的事情。Eyelet 就是为此应运而生的，它同样会引导着你来使用它，而无需代码编写能力。

3. 用户测试工具 One Click Test

借助 One Click Test 做用户测试，你真的只需要点击一下就可以了。添加你的用户测试的链接，并描述你需要用户完成的任务，接下来你就只需要坐下来观察就行了。

4. 互动内容工具 involve.me

交互式的内容是一种吸引用户的方式，而 involve.me 就是为了这样的内容而生的，它可以帮你在不同的节点吸引用户的注意力，以达成目标。

5. 用户反馈工具 Presto

帮你专注于用户反馈的内容，它能够很好的帮你组织屏幕截图和产品视频，并且创建直观的操作指南，并提高协助用户的效率。