第二波干货!26款设计圈超实用设计工具合集

来自 Prototypr 的干货合集会更加具有针对性一些──一共26款工具,并且被精心的分类了。从原型插件到用户测试工具,从字体到求职找工作的工具,它们各司其职。你可以根据你的需求快速定位,找到自己想要的。

💎 3款原型设计插件

1. 用于XD 的插画插件 unDraw

我想绝大多数的同学已经开始用上了这套素质非常高的在线插画工具了。unDraw 的素质相当过硬,如今它更新了最新的 XD 版的插件,使用 XD 设计 UI 和原型的同学可以好好享受了。(评论区有同学已经沦陷,大家谨慎测试吧~)

第二波干货!26款设计圈超实用设计工具合集

小贴士:XD 版的 unDraw 还支持生成动画。你可以看看 Jaya Prakash Ajay 这个例子:

第二波干货!26款设计圈超实用设计工具合集

2.协作设计系统插件 Zeroheight 

Windows 平台上的原型工具 Figma 越来越普及了,而 Zeroheight 这款用于制作协作式设计系统文档的插件,则是专门针对 Figma 所开发的。

这款工具是由 Robin Tindale 、Fabien Laborie 和 Jerome 所创造。

第二波干货!26款设计圈超实用设计工具合集

3. 效率工具 Runner Pro

Roy van Rooijen 和 Aby Nimbalkar 所开发的这款 Runner Pro 将你的工作效率提升到了一个极高的程度,装上这款插件,你几乎能在 Sketch 上执行任何操作。

第二波干货!26款设计圈超实用设计工具合集

🎨 3款配色和图标类工具

1. 配色方案生成器 Coolors 

这款非常易用的配色工具是由设计师 Fabrizio Bianchi 所创造,只需要几秒钟就可以为你创造完美的配色方案。试试看!

第二波干货!26款设计圈超实用设计工具合集

2. SVG 配色修改工具 Colorizer

在如今的设计和技术领域中,SVG 是一个非常重要的工具。这款免费工具能够帮你自动更改任何 SVG 和 SVG 库的配色,并且保持它原有的阴影和高光。非常棒了吧!

第二波干货!26款设计圈超实用设计工具合集

3. 图标工具包 Dopeicon

Dopeicon 是一款素质极高的图标工具包,它完全是像素完美的,每周会更新新的图标素材,并且不断为用户提供新的选择。这款图标工具包包含免费和付费的进阶版,按需购买吧。

第二波干货!26款设计圈超实用设计工具合集

🖋 2款字体排版工具

1. 字体排版资源 Typography Resources

字体排版在网页中起到了极其关键的作用。正是出于对这种艺术设计的热爱,Amrit Pal Singh 精心制作了这套字体排版资源。分类明晰,确保能够生成足够优秀的排版。

第二波干货!26款设计圈超实用设计工具合集

2. Helvetica Now 字体

在历经 36 年的沉寂之后,Helvetica 字体家族终于迎来了新的成员。如今的 Helvetica 字体比以往任何时候都要强大,而它的设计者是这样说的:

这套字体拥有我们所钟爱的关于 Helvetica 的一切。这不是复兴,也不是重现,我只是在陈述事实。

第二波干货!26款设计圈超实用设计工具合集

🛠 3款设计工具

1. 工具合集 Framer Bridge

Framer Bridge 是一款用来弥合设计和开发之间关系的工具,它汇集了一系列的功能和工具来促进项目中的协作。

第二波干货!26款设计圈超实用设计工具合集

2. ProtoPie 3.11 更新

著名的原型交互工具 ProtoPie 3.11 来了!它带来了全新的创建交互式原型的功能,比如:

  • 相机原型设计
  • 使用 Sketch、Adobe XD 和 Figma 中的文本图层
  • 新的触觉反馈机制支持

第二波干货!26款设计圈超实用设计工具合集

3. UI 工具包 Scratch

很多设计团队会使用著名原型与协同工具 InVision,而这款名为 Scratch 是一款在这当中使用的 UI 工具包,不过它的功能相对比较小众,用来生成食谱报告──你只需要点击几下就能够快速将你的美食照片生成包含多个组件的 UI 界面。

第二波干货!26款设计圈超实用设计工具合集

👀 4款用户测试工具

1. 随时随地记录想法的 Cassette v2

作为一款能够帮你随时随地记录想法和有趣时刻的工具,Cassette v2 在分享功能上也非常的强大。这款工具是由 Jake Doering,Angad Singh 和 Bassem Youssef 所开发的。

第二波干货!26款设计圈超实用设计工具合集

2.协作和反馈工具 Tweakr.io

这是这个月刚刚推出的测试工具,Tweakr.io 提供了一种非常简单的可视化的方式,来提供协作和反馈。

第二波干货!26款设计圈超实用设计工具合集

3. 快速反馈工具 Flawless Feedback 

这是上个月在 Product Hunt 上被大力推荐过的一款工具,它可以让用户可以在 iOS 应用中快速提供反馈。

第二波干货!26款设计圈超实用设计工具合集

4. 眼动追踪工具 Hawkeye

眼动追踪是快速测试用户在使用产品的时候,视线走向的一种重要的测试手段。这款名为鹰眼的工具适用于 iOS 设备。

第二波干货!26款设计圈超实用设计工具合集

💻 3款设计转代码工具

1. 无代码SVG动画制作工具 SVGator

SVGator 是一款专门为设计师所准备的工具,它可以快速高效地生成 SVG 动画,无需具备编写代码的能力就能搞定这件事情。

第二波干货!26款设计圈超实用设计工具合集

2. 网站框架和模板 Startup 3

长期以来,Bootstrap 一直都是网站建设上的可靠框架,Startup3 则是一款为 Bootstrap 提供支持的工具,你可以通过它的现有的模板和主题快速设计并生成网站。这款工具是由著名的服务供应商 Designmodo 提供。

第二波干货!26款设计圈超实用设计工具合集

3. 表单套件 Form

这是一款免费的前端套件,可以用来协助前端来生成精美的表单,从用户反馈到注册表单,它开拓出一个充满可能性的世界。

第二波干货!26款设计圈超实用设计工具合集

🏓 2套协作平台

1.视频协作平台 room.sh 

room.sh 是一个一键连接视频的平台,此外它还具有协作功能,提供白板,便于远程协作。这款工具是由 Matthew Henshall 和 Andrew Cowley 所提供。

第二波干货!26款设计圈超实用设计工具合集

2.工具合集 Workbench

Workbench 同样是一个功能丰富难以定性的工具合集,它的整个产品的概念其实并不复杂,它提供了从配色生成器到 AI 驱动式的自动标签生成工具,一应俱全。

第二波干货!26款设计圈超实用设计工具合集

🔥 5个设计素材源

1. UI截图库 Scrnshts

这是一个精心策划并制作的 App Store 截图库,帮助正在设计 UI 界面的你更快找到相关灵感,给自己的设计定下基调。

第二波干货!26款设计圈超实用设计工具合集

2. 设计工具合集网站 Awesome Design Tools

来自 Flawless App 的两位朋友 Lisa Dziuba 和 Valia Havryliuk 是设计领域中两个不知疲倦的玩家。他们所创立的这个合集汇集了几乎设计师所需要的全部工具。

第二波干货!26款设计圈超实用设计工具合集

3. Designer Bio Generator

还在为寻找视觉稿和样机而苦苦挣扎?这个简单的生成器将会帮你搞定这一切。

第二波干货!26款设计圈超实用设计工具合集

4. 复古 UI 工具包 React95

怀旧一直在流行。我觉得 React95 非常值得分享,即使你是一个虔诚的 Mac 用户,我想这个充满情怀的 UI 工具包也会让你眼前一亮吧?它从 Windows 95 中汲取灵感,提供给你复古又经典的 Windows 设计元素。

第二波干货!26款设计圈超实用设计工具合集

5. 设计清单 Checklist Design 

如果你不确定下一步要做什么,那么你可能要看看这个设计清单了。在这里,你将会找到用户体验和 UI 设计最佳实践的列表清单。这样你就不会感到迷茫了。

第二波干货!26款设计圈超实用设计工具合集

💼 1款职场工具

1. Pyrismic

Pyrismic 是一款便于自由设计师和 UX 设计师和企业进行沟通的一款工具。目前它在人力市场上开始逐渐展露头角。如果你正在为你的项目或者你的团队和公司寻找合适的人选,可以试试这款工具。

第二波干货!26款设计圈超实用设计工具合集

结语

这就是最近一期来自 Prototypr.io 的工具合集!同时他们还在开发一款名为 Letter 的新工具,值得关注!在此之前,Prototypr 还发过春季的素材合集《春季合集!36款最新的超实用设计工具》

收藏 302
点赞 6

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。