随着设计领域的细分以及用户群体的发展，各类设计工具开始涌现，这些新兴工具别离针对差别的使用情景和需求，让产品的设计、运营甚至灵感的获取都更为顺畅、系统地完成。然而要找到一款最适合的工具也并非易事。在这里，我们整理了 10 款专为UX/UI设计师打造的热门工具，它们能有效地帮手你制作交互原型、网页设计，并提供收集、办理设计素材的便当。

1.  Mockplus-全平台“更快、更简单”的原型设计工具

Mockplus是一款支持全平台的快速原型设计工具，满足包孕手机项目、平板项目、网友项目、桌面项目、自定义项目及自由项目的原型设计需求。它以“更快、更简单”的特点在国内甚至国际原型市场中占有一席之地。比来3. 0 版本中发布的团队协作功能，更是大大提高了团队沟通默契和效率。此外，高度封装的智能交互组件、完全可视化的交互设计，在同类原型工具中也是独有的。

官网地址：

更多信息：https://www.mockplus.cn/blog

2. Figma-协作式界面设计工具

Figma可以说是一款新兴的协作式界面设计工具，它的界面布局和Sketch几乎一样。这款工具以云端为基础，允许多人同时合作一个项目，设计稿会按照评论及修改进行实时更新。美中不足的是，这款工具对中文的支持不太好，经常出现字体无法识别(实际已安置)的情况。免费版本中，只能创建 3 个项目，最多支持查看 30 天内的历史版本。

官网地址：https://www.figma.com/

更多信息：https://www.facebook.com/figmadesign/

3. Framer-开源型原型工具

与其他原型设计工具有所差别，Framer允许用户以编代码的形式(Coffeescript-精简版的JavaScript)进行设计，对于大多数设计师来讲，上手难度和学习曲线相当高。尽管Framer凭借其强大的交互和动画优势逐渐在原型设计领域有必然热度，但所有设计只能通过代码才能实现这点，让它注定更受程序员的欢迎。 

官网地址：https://framer.com/

更多信息：https://blog.framerjs.com/

4. Sketch及插件-矢量绘图软件

Sketch想必大家并不陌生了，别的两款被大家所熟知的矢量绘图软件还有Photoshop和Adobe Illustrator这两款工具。通常大家提到的Sketch是指与其相关的插件，好比ContentGenerator、Icon Stamper、Measure等等。不过，它只支持基于制作好的UI视觉图进行交互，并且只有MAC版本，对于Windows用户来讲不太友好。

官网地址：https://www.sketchapp.com/

更多信息：https://www.sketchapp.com/extensions/

5. Protopie-新兴原型工具

Protopie这款交互工具比来比较火，它是来自韩国的创业团队产品，可以通过差别模块组成一个完整的交互原型，使用时无需编码且以可视化的方式进行设计。不过，它比较大的缺点在于目前不支持电脑预览、文字输入、Web端网页制作和导出。

官网地址：https://www.protopie.io/

更多信息：https://www.facebook.com/protopie/

6. Pidoco-基于Web的原型设计软件

Pidoco是一个基于网页和云端的在线原型图、线框图制作工具，可以在浏览器、iOS、Android设备上实时演示原型。但它的不足之处在于，没有密码掩护，并且内置的组件模板十分有限。

官网地址：https://pidoco.com/en

更多信息：https://pidoco.com/en/company/press

7. Webflow- 在线响应式网页设计工具