工欲善其事，必先利其器。好的工具可以有效的激发设计师的灵感、提升设计师的效率。今天我将会结合日常我使用的情况向大家推荐20款+好用的设计效率工具，帮助大家更好地优化各自的设计流程和设计项目管理。
通常的设计流程分为研究分析、设计创作、测试评估、对外宣传这几个环节。因此本篇的工具介绍也将按照这个顺序进行~欢迎大家收藏。
一、研究分析
调研是每个设计师的必备技能。了解市场审美趋势，了解项目情况，了解用户心理…… 这些过程都十分依赖调研。同时繁多的调研的信息需要汇总整理，协作整理，这里会推荐一些记录和整理的工具给大家。
Fabrie | 设计师的效率工作台
Fabrie 是为设计团队和设计师个人打造的在线协作平台，支持白板在线编辑图文、便利贴、思维导图、关联多维表格等功能，灵感收集、设计调研、方案评审、图纸标注、归档一步到位，多人协同，信息秒级同步，实时保存。
支持多种文件格式，比如图片、链接、pdf、psd，资料上传整理，轻松搞定。无限大的白板可以同时容纳成百上千个对象，只需要一个链接，团队伙伴就可以共享调研结果和在线探讨。强大自由的思维导图工具，更是每个人设计人的必备。
就是下面这个工具，不用下载，注册就有无限的空间和容量，强烈推荐大家去使用一下！
借助于白板+多维表格的核心功能，全球设计师和 ta 的工作伙伴都可以通过 Fabrie 完成从灵感调研到设计落地的全流程协作。
如果你苦于因为没有一个顺手的设计工作台而效率不高，fabrie是一个非常棒的选择。
Noted｜录音笔记好工具
Noted 是一款将录音和笔记相机相结合的软件。我们做访谈用户或做会议纪要的时候，经常错过记录的内容，如果通过一些软件录音的话，后期回听需要比较多时间成本。Noted可以在记录笔记的同时记录输入文字的时间点所对应的录音，输入的每个字的时间点都会对应到。当内容没记录下来时可以随时跳到对应时间的录音进行回听，方便在漫长的录音文件中快速检索。
Marginnote｜文献收集箱
重塑学习方式的阅读笔记工具，更加高效阅读书籍和学习，可以在阅读时摘录笔记，制作学习卡，提取关键词，根据笔记生成思维导图，梳理知识框架。非常适合阅读专业书籍，阅读论文以及复习。
地址：https://www.marginnote.com/chinese/home
GoodNotes｜手写笔记
一款功能强大的手写笔记软件，拥有多种笔记封面和纸张模板可以选择，支持自定义模板，可以简单处理图片，可以导入pdf、ppt等文稿并做标记，也适合做电子手账。
地址：https://www.goodnotes.com/zh-cn
Xmind｜思维导图
功能强大的思维导图软件，极简设计，流畅体验，多种结构图风格选择，方便资料的汇集和思路的整理。
二、设计创作
当设计目标确定时，接下来进行具体的创意设计。设计师除了通过脑暴进行发散方案以外，一些高效的设计工具可以让我们事半工倍。
2.1 灵感搜集
Collect UI｜界面灵感
UI设计灵感库，基于dribbble平台精心挑选优质内容，提高效率便捷，为设计师提供专项更好的灵感。同时支持邮件订阅推送。
Adobe Color｜配色灵感
Adobe color不仅从各个维度解决了我们的配色需求，同时也提供找图需求。其中包含 9 种智能调色模式可以选择。拾取主题色、拾取图片中的渐变色、协助工具可以合理帮助检查不同颜色的对比、探索behance趋势。
地址：https://color.adobe.com/zh/create
Useanimations｜图标动效灵感
图标动态效果库，当绘制的图标需要一些巧妙的微动态效果时可以参考。
地址：https://useanimations.com/index.html
Panda｜全而美的设计订阅平台
Panda帮助设计师不错过每天的设计灵感和资讯，包括新的设计方法理念、流行潮流、也有一些新产品推出。我们可以把Panda替换Chrome主页，每次打开浏览器页面都可以随时看到最新的设计资讯。一些英文的订阅也可以用chrome浏览器的翻译功能可以粗略查看。
Topys｜创意内容平台
全球顶尖创意内容平台，作为中国成立最早、最受欢迎的创意垂直网站，以 “Open Your Mind” 为宗旨，始终专注在全球创意、艺术、灵感、人文领域寻找最有质感的声音。
Voicer｜分享生活和设计的美学
我们总在生活中与「一瞬间的感动」相遇。Voicer的理念即是发现这「感动」， 将它传递给更多热爱生活的人们。内容包括创意内容品牌、在线杂志等。致力于分享生活和设计之美。
Design better｜优质设计读物网站
涵盖设计商业思维、产品设计原则、设计系统等关于推动设计团队前进的实践读物，同时提供PDF和有声格式。
地址：https://www.designbetter.co
2.2 设计打磨
Fabrie | 适合设计项目的在线评审工作台
从创意到落地，设计稿不改几遍怎么行？好的设计是沟通的产物，fabrie在线设计师协作平台可以帮助设计工作流程中的协作者，轻松在设计方案上进行沟通交流。
白板配合表格也十分适合做版本管理和方案迭代管理。
FigmaEX｜插件可视化
当插件特别多时候，FigmaEX极大的改善了Figma中使用插件的体验，将插件可视化。可以进行展开，同时显示插件的名称与图标。可以通过拖拽调整插件的顺序，调节高度。
地址：https://moonvy.com/figmaEX/
Autoflow｜流程图插件
输出交互设计稿的时候，方便快捷的在不同画板之间连线，提升输出效率。
地址：https://www.figma.com/community/plugin/733902567457592893/Autoflow
Skewdat｜倾斜插
这是一个非常简单实用的 Figma 插件，它可以帮你将任何形状元素倾斜过来。
地址：https://www.figma.com/c/plugin/741472919529947576/SkewDat?ref=prototyprio
Undraw｜插画素材
最棒最全的插画库，支持快速搜索，一键调整颜色。
地址：https://undraw.co/illustrations
Magic Eraser｜轻松移除杂物
一款免费的在线服务，它通过 AI 自动去除图片中不需要的部分，只需要上传图片，等待几秒钟即可。用鼠标把不要的部分划掉，松开鼠标就会闪几下，被划掉的部分就消失了，比如去水印之类的小东西，如果用 PS 的图章，估计要十来分钟，而用 Magic Eraser 就几秒钟，简单易用，推荐使用。
2.3 设计验证
Checklist Design｜设计清单
设计输出后可以通过这个清单去做最后的检查。网站列举了一些通用场景（页面、元素、流程、主题、品牌）下的基本设计要素。可以检查你的设计在这些场景下是否符合规范。样式、颜色、命名、易用性等是否合适。
地址：https://www.checklist.design/?ref=prototyprio
三、测试评估
好的方案不是一蹴而就的，设计方案需要不断的打磨和迭代。方案需要持续和用户进行沟通和测试，才能得到完善的方案。也需要和开发工程师不断沟通，以达到最佳的实现效果。
3.1 用户测试
Hawkeye｜眼动追踪工具
一般的眼动跟踪设备比较昂贵，使用繁琐。这个名为鹰眼的眼动追踪APP，可以通过手机前置摄像头捕捉用户在使用产品时的视觉动向。
地址：https://www.usehawkeye.com/?ref=prototyprio
3.2 评估还原
CoDesign｜腾讯自研设计协作平台
覆盖产品经理、设计师、工程师协作需求。设计交付更轻松，有效管理和使用设计资产。
Pixel Eye｜高效视觉还原
在项目上线前设计师都会对最终的产品实现效果进行走查，以保证设计还原的准确性，体验的流畅性。这是一款视觉还原工具，帮助前端工程师在页面重构阶段就能快速发现开发稿与视觉稿的差异，实时对比、实时修改，减少工程师与设计师的沟通成本，提升整体开发效率。
四、对外宣传
设计完成后汇报展示、产品的宣传包装等，提供更便捷优秀的展示形式。
4.1 项目展示
Fabrie | 可一键将白板内容转成汇报文档的设计工具
有人说放在设计白板上的东西容易乱，这是没错，但fabrie的frame功能正是用来管理信息的一种巧妙手段，它不以限制你的思路为代价，同时集合侧面的frame列表又可以很大程度的将页面进行有序的整理。
frame导出：
用画框整理白板上的内容
“画框”就像白板上的盒子，你可以将各种对象装进盒子里，移动盒子时，盒子中的内容也会跟着一起移动。用画框整理和归纳画板上的内容，让复杂的信息井井有条。
你还可以将画框中的内容导出为单张pdf或图片，以将其插入到其他文稿中。画框后续还将承载更多功能，如，将多个画框导出为一个pdf文件，类似ppt的演讲展示功能，等等……
fame播放：
搭配好播放模式，一秒就可以将看似杂乱的白板，转变成极具秩序的演示文档。和以前的方式比起来，要更让人关注内容，而非形式（以前需要把各种资料再次腾挪汇总到ppt中，才能完成展示，而因为ppt的形式，导致大量精力放在了美化页面上）。
4.2效果展示
Mockup World
样机的类型全面而且免费，综合质量很高。
ls.graphics
素材非常优质精美，有免费和付费的资源。
地址：https://www.ls.graphics/#UI
4.3 在线作品集制作
Adobe Portfolio
主要面向设计师群体，帮助设计师建立个人在线作品集。几分钟就可以建好一个作品集网站，提供精美模板选择。最大的特点是易于操作，无需懂网页程式，都能在建立一个网站。最重要的是你可以使用自己的域名。Adobe Portfolio需要收费。已订阅用户可免费使用。
地址：https://portfolio.adobe.com/start
结语
此综文章帮助大家整体了解，在设计流程每个环节中些比较好用的工具，如果你也有其他在用的不错的工具，欢迎沟通交流。
文章由：知乎作者：编写
发现更多优质网站
热门文章
