先收藏！27款最新的实用设计工具合集

Prototypr.io 这最新期实用设计工具合来了！虽然这荐工具里有些熟脸，是这计有27款工具里新鲜孔是占了大半！看看这内容列表，干货绝少不了！会有几款，是你正好需要好东西：

• ? 6 款原型工具
• ? 4 个设计合
• ? 3 款插画图库
• ⚡ 4 个计系统
• ? 3 款码具
• ? 2 个样机工具
• ? 3 款效率工具
• ? 2 个求职工具

? 原型工具

1. ProtoPie 4.0 →

ProtoPie 是一款适用于 Mac 和 Windows 大的流行交互式型工。最新更新的 4.0 版本包括这些新性：

• 逼真的、定制的微交互
• 可复用的交互组件
• Sketch、Figma  Adobe XD 的互相导入
• 支持 macOS、Windows、iOS 和 Android

2. Supernova V7 →

使 Supernova V7，你可将 Adobe XD 变成了一个生产工具。你可在 Supernova 的博客上查看有相容。

链：https://blog.prototypr.io/turn-adobe-xd-into-production-apps-with-supernova-v7-aba1cf8ae01

3. Dimension →

想在 iPad 上使 Figma 吗？来试试 Dimension ，这是一个最的开源工具，旨在在 iPad 上实现类似 Figma 这样系统全面的设计工具。

4. Skewdat (plugin) →

这是个常简单实用 Figma 控件，它可以帮你将任何形状元素倾过来。

5. Font Replacer (plugin) →

是一个新的 Figma 插件，以帮你轻松地帮你替换设计当中的字族和字样式。

6. Drama →

Drama 旨在帮你减少在不同的设计工具之间切换的流程，它让你的原型设计工流整合在一个 Mac 应用当中。它的功能很面：

• 绘制用户界面
• 创建互式原型
• 制作动画

? 设计素材合集

1. Eagle →

Eagle 是国人研发的一款超强的素材管工具，它有着优秀的件组织，增强的搜索功，如果你想了解更多。

2. Designtarget →

Designtarget 会为你提供免费设计素材和文章，帮你逐步改善设计工作流程和法。

3. Icondrop for Adobe XD (plugin) →

用最新版的 Icondrop 以帮你将图标等素材添加到你的 Adobe XD 项目当中去。款插件能够直接访问超 100 万款不同的设计资源，你应该能够从中获得不少乐趣。

4. Unsplash for Figma (plugin) →

Unsplash 终于发布了针对 Figma 的版本，这意可以加捷方便将精的图片插入到的设项目当中去了。

? 配色和图库

1. Color Collect →

Color Collect 有 iOS 和 Android 的版本，因此你可借助手机直接从现实世界当中获取配色，然后在你的UI界面当中使！

2. Evil Photos →

这是组风格更加恶搞有趣图库，不过这套图库是收费，2.5美元张，各类都有，付费后可以下载 PNG 和矢量文件。

3. Dropshipping Illustrations →

是基 SVG 和 Javascript 现的电类插画，款软件包支持不同的浏览器，并且以适不同的屏幕，在任何项目当中使用。

? 设计系统

1. Cabana 3.0 →

3.0 版的 Cabana 刚刚发布的设系统，针对 Sketch 平台的「入门级设系统具包」，可提供速创建桌面端移动端 UI 的组件。

2. Superposition →

在 Superposition 的帮助下，你可以将现有网站的计系统逆向导出出来，供你使用，它能将现有网站的 CSS、JavaScript 给导出来，提取色彩、版式、阴等素，不一而足。此外，它还有 XD 的插件，非常方便。

3. Toolabs DSM →

Toolabs DSM 是一款针对 Adobe XD 平台的全插件，来管设计系统，有了它之后，你可直接创建题话的设计，而在设计的时候复制画，再进行设计和调整。

4. Zeroheight for Adobe XD →

绝大多数都是为 Zeroheight 赞风格样文档而了解它，现在它拥有了 Adobe XD 插件，可以更好地和设计项目结合起来，不妨试试看！

? 代码工具

1. Get Waves →

Get Waves 这款具由 Cristina Poiata  Richard Zimerman 所创建的具，它可以 SVG 格式的波纹，可以应用到不同的数字项目当中去！

2. SVG Artista →

SVG Artista 可以帮你使用纯 CSS 代码来置 SVG 图像和动画中的 stroke 和 fill 属性。它支持 path, line, polyline, rect, circle, ellipse 和 polygon 素。

3. Codeimg.io →

Codeimg.io 这款工具如今足替代之前流行的 Carbon.now.sh ，可帮你图像的形式共享和显示源代码，这对于章展示和社交媒体分享很有。

? 样机工具

1. Artyline →

草图到样机，款 AR转化工具以一键现。Artyline 能够快速识别元素，并且借助现增强技术，将它在手机上的样式直接呈现出来。

2. Enlight Pixaloop →

Enlight 出品的的 Pixaloop 一款能够给静态图片添加动画的APP，iOS  Andorid 的版本。

? 效率工具

1. Space Browser →

这是一款革命性的浏览器，在这款浏览器当中，你可更效地在控件中组织和整同的标签页、历史记录，并且可快速的浏览和还原。

2. Focus →

这是款颇为出色 Adobe XD 和 Sketch 插件，可以帮你改善工作流程，Focus 让你可以在设计更便捷添加上下文注释，可以更加轻松管理和沟。

3. Presentator →

是一个免费开源的设计展示和协平台，你以在网上使用它，甚至以按照 Github 上的说明，将它托管在你自己的服务器上。

? 求职工具

1. FakeClients 2.0 →

这是一个适给计做虚拟项目的工，它能够快速生成随机的计需求摘要，无论你想练习 LOGO计，做UX计还是网页计，都可以以此作为需求进行虚拟项目练习。

2. Boooom →

Boooom 是一个非先进的设计类求职应聘平台，它拥有来自25 个同国和地区的顶尖的设计类的工作机会，是你联系顶尖设计工作室和企的平台。