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

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

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

2.蓝湖设计协作平台（自动标注切图）

品设计协作平台中文版、全免费，支持Mac、Web、iOS。支持从Sketch，ps一键分享、在线讨论、自动为设计图生成标注，而且只需简单几步就能将设计图变成一个可以点击的演示原型，支持分享给同事，让他也可以在手机中查看设计效果。蓝湖已经成为新一代产品设计的工作方式。

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

更多信息：http://weibo.com/lanhuapp?refer_flag=1001030102_

3.IconFinder

这是一个Icon素材站点，通过关键字进行搜索，同时根据需求(图标格式、价格、许可类型、图标尺寸等要素)来选择喜欢的图标。它宣称是目前世界上最大、最全的图标资源库网站。

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

更多信息：http://blog.iconfinder.com/

4.Blocs-MAC网页代码编辑器

Blocs是一款针对Mac的视觉网页设计工具，提供Retina视网膜支持，可离线工作，且支持创建静态的网页。

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

更多信息：https://forum.blocsapp.com/

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

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

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

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

6.Framer-开源型原型工具

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

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

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

以上是经常使用的工具，希望能对大家有所帮助。