第一波！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

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