整理|最全产品设计工具整理，你都掌握了吗？整理|

文章插图
UX Pedia Presents
本文约3262字，阅读需要9分钟
UI/UX设计师的操作工具
研究主题：产品工作核心流程内的设计工具
研究对象：产品设计工具
好的工具可以让你在设计时如虎添翼，作为一名UI/UX设计师想要设计出让用户满意的作品，除了需要具备高超的技能、丰富的经验外，还需要掌握一些工具。下面辞典酱将提取UI/UX设计中，相对核心的工作流程，并以此为纵向参考，发散介绍一些常用的设计软件。
提取的核心工作流程有：
01 头脑风暴图（草图）
02 流程结构图
03 框架原型图
04 设计&交互动效
01 头脑风暴（草图）
1/1 Excalidraw，一个在线加密可协作的画板
Excalidraw是一个很有意思的在线白板，它提供了一些基础的形状，你可以绘制出草图风格的图形。Excalidraw不需要注册，打开就可以画，还能邀请别人加入一起协作。Excalidraw的协作是加密的，甚至Excalidraw服务器都不知道你画了什么。
价格：免费
官网：https://excalidraw.com/
帮助文档：https://howto.excalidraw.com/

文章插图
1/2 Miro，自由自在的在线协作白板
在传统的办公会议中，团队成员往往会在一块白板中写写画画，激发创意。但是，这种方式受限于物理空间，需要在固定的会议室才可以进行，远程协作成员也无法参与其中，而且受限于白板的面积也无法将所有人的想法沉淀。但在Miro，这个写写画画的脑暴过程，就被搬到了浏览器中。
价格：个人免费版（可使用3个白板）
官网：https://miro.com/

文章插图

文章插图
可添加多类型元件

文章插图
多人协作进行脑暴
还支持移动端操作，不过元素添加只能放些文字、便签、评论、形状、画笔。

文章插图
Miro免费版支持 3 个画板，此外还有付费的团队版和商业版，支持更多画板以及私密分享、高清导出等额外的特性。
02 流程结构图
2/1 ProcessOn，流程图、思维导图、原型图
常用的结构图工具，除了Xmind被人熟知外，还有就是ProcessOn了。它不仅是一个在线作图工具的聚合平台，还可以在线画流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图等等，Mac与Windows都可操作。
价格：个人免费版（可存9份文件）
官网：https://www.processon.com/