Prototypr.io 最一期的设计工具合集来了！这次的合集包含了23 款涵盖同领域、针对同需求的实工具！无论是图库还是各种功强大的 Figma 插件，应该都切中了许多设计师同的需求，过我最的还是帮我制作格超级复古的页或者 UI 的 98.css ！
的不说，下面来具看看吧：
1. Cone 2.0 →
这一合 iPhone 使用的实时取色具，它可以帮识别潘通色，根据镜取景框 Color Bucket，并且能够借「色盲模式」帮规避可能风险的配色。
此外，这款 APP 还附带有 iPhone 和 Apple Watch 同步功，你随时使之前自己创建的 Color Bucket。
2. Duo →
Duo Alex Pate 所创建的一套包含 100 种不同配色的合集，这些配色可以直接使用，也可以 JSON 中使用，让可以非常便捷添加到网页当中。
3. Line Icons →
这是组为设计师和开发者准备线性图标合，含 2000 款图标，所有图标含有不格：SVG、AI、Web体等等。你可以在其找到含商业、讯、物等各不类。这个版本是完全免费。
1. Black Illustrations →
是由 John D.Saunders 所创建的关有人种的免费插画图库，插画中包含30种不同式的高清插画，包括 JPG、PNG 和 Sketch 等式。和很插画图库类似，里的插画图库是定元素的，值得试试。
2. Delicious Illustrations →
这是一套美食为题的插画图标合集，中包含36套多彩的插画和80个单色的图标，有的都是 SVG 格式的。这套插画图库整版的售是9美元，分插画是免的。
3. 404 Illustrations →
谁 404 报错页面一无聊的？这 404 Illustrations 的插画图库就一超趣的 404 专用插画页面合集，这些插画设非常的可趣，并且这些插画可以 Sketch Figma 当中编辑！
1. Unit UI Kit →
如何快速开始一个计项目？UI 套件是一个不错的入点。Unit UI Kit 包含了 160 多个不同的免费UI组件，涵盖了按钮、文本、选项卡等 UI 组件和不同的页面，所有的组件都和 Sketch 兼容，你可以轻地将它添加不同的计当中，并进行定义。
2. Contra Wireframe Kit →
Contra 是一款开源的框图设计框架，其中包含 150 个组件和 50 屏的组件，以供你快速地绘框图和原型。套组件工具包当中还包含 Pablo Stanley 和 Open Peeps 的插画。Cointra 以用 Figma、Sketch 和 Studio，无论用还是个人使用是免费的。
3. UI Design Daily →
UI Design Daily 是 Ildiko Gaspar 创建的一个是设计容推荐平台，中包含有同的 UI 设计项目和相应的源件。它是全免的，无限制使。这些源件兼容 Sketch、Figma 和 Adobe XD 等软件。
1. Pattern.css →
这是套 CSS 背景图案库，Pattern.css 含数十个不图案，你可以接下载使用，也可以使用 npm 来安装它。
2. 98.css →
如果你是一个怀旧的人，那你可能会喜欢这个模拟90年代 Windows UI 的 CSS 库，它可以让你生成类似 Windows 98 视觉风格的界面。
3. Dark CSS Generator →
为缓视疲劳，越来越的人开始选择深模式，而 Kasloyan 和 Stanislav 创建的个 Dark CSS Generator 则以快速地将任何网页切换为深主题。
1. Product Disrupt 2.0 →
Product Disrupt 汇集了很多精选的设资源，学习产品设，从博客文章，到音频播客、图书、Youtube 频道。这平台旨提供自由且相对精准的学习资源指引，此外，它还针对产品设不同阶段的学习参考指引，行了划分。
2. User Testing Field Guide →
这是份实用性很强用户测试指南，借助它，你可以满怀信心地做用户测试了。它会教你如何设定合理测试目标，选择测试法，以及正确工具。
3. Coding List →
如果你真的想学代码，那这编程开发课程表，一定要收下。它能够帮你找你所需要的能对应的知识和教程。
1. SaaS for COVID →
冠肺炎导致很多科技公司进行了针对性的调整，很多 SaaS 类的务都进行了相应的升级和调整，中都降甚至免了，更具体的信息，你可在这个看到。
2. Overcome Financial Crisis →
这一本免费的电子书，内关于设师如何对抗济的危机，如何效应对各种财务状况的问题，如何好理自己的作活。
1. Flow →
Flow 是一款动画工，但是它同还能导出可用的代码。一方面，它可以纳来 Sketch 的计文档，另一方面，它能将动画导出 Lottie、aSVG、iOS、HTML 和 React 上使用，它有缓动，有多种格式和辨率，有定制化的代码模板。
2. Figma Importer for Framer →
款工具能够将你的 Figma 中做的设计导到 Framer 当中，并且快速创建互式的原型。你以轻松地构建静态原型，甚至 UI ，将想法快速变成现！它目前加更加开放的工流程，让团协更加具有竞争优势。
3. Background Generator →
这是一个可生成自定义背景的生成工具，它旨在将自定义的视觉元素导入到同的设计项目，或者社交媒体当中，你可通过它的侧边栏的设置功来进行快速的调整。
4. Frametastic →
Frametastic 一Figma 插件，可以不同的窗口中测试的设，需的，就保存好喜欢的帧组合，添加约束，然后让这款插件帮行测试。
5. Show + Tell for Figma→
Show + Tell 是个全新插件，它可以帮你在 Figma 创演示文稿。可是，为什么是在 Figma 内做这个事情？原很简单：效率+速度。做设计项目时完成演示文稿设计不是很自然而然事情吗？没有必要换软件，而 Figma 能带来颇为不保真度。
此外，这款插件还能实自动滚屏、支持任意尺寸，并且能够让框架组件始终保持新，展示的同时无缝展示原型，无需切换应用，并且能够通过链接行分享。
6. Camille 2.0 →
如你想为你移动端设备进3D 和虚拟现实设计，那么你可以试试 Camille，它可以帮你 iOS 和 Android 设备提供最佳 AR 和 VR 元素设计，并能够导出并进3D打印。
原文作者：Sofia
文链：Black Illustrations, 98.CSS, Product Disrupt and 19 more tools!
往期干货：
浙公网安备33011002017549号