Mac平台目前最主流的UI设计软件就属【Sketch】了，国内外的一线公司基本上都是使用这款软件做UI设计的，包括国内现在很多中小互联网公司，大部也是用Sketch做为主力设计软件的。
我就下面几点特殊说明下吧
Sketch 是最强大的移动应用矢量绘图设计工具，对于网页设计和移动设计者来说，比PhotoShop好用很多！尤其是在移动应用设计方面，Sketch 的优点在于使用简单，学习曲线低
目前最新版为Sketch 58，需要macOS High Sierra（10.13.4）或更高版本系统。
Sketch是专为像你这样的UI设计师设计的。
有非常实用的功能，直观的界面和强大的插件，它有助于你更专注于做最好的设计。
Sketch软件界面，简单清新，易操作
顶部的工具栏包含所有重要的工具和操作。 右侧的检查器可以调整所选图层的属性。 左侧窗格是图层列表，并列出文档中的所有图层和图板。 最后但并非最不重要的是，中间的画布是您将看到您的设计的地方。
没有浮动面板。 相反，检查器会适应每一时刻向您展示所需的工具，并隐藏所有其他工具。 这样你总是有一个完全视野的视图画布。
Sketch的画布
Sketch的画布是无限大小的; 您可以在任何方向无限滚动，因此您可以完全自由地设置您的绘图区域。
如果您想在无限画布中定义一个固定框架，只需插入一个或多个画板。 例如，当设计移动界面时，许多设计师为应用程序中的每个屏幕创建一个“画板”，并按外观顺序排列。
您可以在具有无限精度的独立于分辨率的视图中查看画布，也可以打开像素预览，您将会准确了解每个像素在导出为位图格式（如JPG或PNG）时的外观。
检查器
右侧的检查器可让您调整当前图层的设置或当前工具的选项。当您选择图层时，您将看到检查器分为几个部分。
触摸栏
对于MacBook Pro用户，Touch Bar可以作为任何应用程序中的附加窗格，Sketch也不例外。根据您在应用程序中的操作，Touch Bar将显示与该特定上下文相关的控件和快捷方式。
Sketch Mirror iOS设备实时预览（Android借助第三方APP也可以实时预览）
Sketch Mirror允许您通过Wi-Fi网络在iPhone或iPad上实时预览您的设计，或通过USB闪电线连接。结合本地分享，您还可以使用网络浏览器在任何设备上预览您的设计。
通过插件Sketch Measure一键导出Html 免去标注烦恼
当然了，你也可以使用在线工具，例如【蓝湖】等，不过如果对保密要求高的公司，建议使用离线插件吧，毕竟把源文件上传，容易信息泄漏的。不过付费部署企业级服务器也是可以的，这样安全也是有保障的，我们一般都是使用离线插件的，Sketch Measure还是挺好用得。
下载安装包双击 Sketch Measure.sketchplugin 完成安装
执行 Plugin > Sketch Measure > Toolbar 或使用快捷键 control ⌃ + shift ⇧ + B
AEUX-Sketch一键导入AE工具-支持最新版Sketch前身是Sketch2AE
喜欢用Sketch做图，然后用AE做动画的同学们的福音啊
使用您喜欢的工具进行UX动效设计
AEUX是After Effects和Sketch 52+的一组面板，用于将图层传输到After Effects，从视觉设计到动效。
AEUX以前称为Sketch2AE，旨在跟上人们为屏幕设计的最新方式。
本次更新，修复了 AE CC 2019 插件安装不了的BUG
工作流程
只需点击几下，即可将动画图层直接传输到Ae中
Sketch
从顶部插件菜单中打开Sketch中的插件面板
在Sketch中选择图层
使用以下任一方式传
Ae -layer数据的选择在幕后传输
导出AEUX.json – 图层数据保存为文件
图像（如有必要）将导出到您指定位置的磁盘
导出完成后会弹出通知
切换到After Effects
After Effects
从顶部菜单“ 窗口”>“扩展”中打开AEUX面板。
点击构建
Sketch的图层数据现在在幕后的应用程序之间传输。一旦可以在Ae中构建图层，您将在面板中收到蓝色徽章和图层计数的通知。粘贴一堆代码的日子已经一去不复返了。确保面板在Ae中打开。
拖放
可以将图层数据导出为独立的.json文件。通过单击导入????或将文件放在AEUX面板上来导入此文件。
自动构建
不喜欢额外点击? 启用自动构建，图层将在Ae中可用时立即创建。
安装方法Sketch
要求：Sketch 52+
旧版本sketch请使用sketch2ae, 文章底部下载链接包含了新版和旧版插件。
双击AEUX.sketchplugin
Sketch将打开并告诉您插件已安装
装好插件后，打开sketch，选择 插件>AEUX，打开插件面板
After Effects
要求：After Effects CC2014 +
安装ZXP Installer
将AEUX.zxp拖到ZXP Installer中
关闭并重新打开After Effects
打开“窗口”菜单，找到“扩展”组，将看到AEUX
AEUX.zxp安装成功，如下图所示
Sketch智能对象Angle插件一键制作透视模型-Angle Plugin Mockup
使用Angle插件Angle插件一键放置屏幕制作透视模型适用于嵌套符号
一个免费的 Sketch 插件，让您能够将屏幕放入透视图模型中。并附送100+免费设备模型。
安装
下载并解压
双击 完成安装
打开Angle Library Free.sketch，即可使用了。
使用
选择或者新建或选择一个（多个）作为转换源的画板（放置 UI 界面）
绘制或选择一个（多个）作为转换目标的形状图层
选中目标形状图层，执行 Plugins > Angle > Apply Mockup 或使用快捷键 command ⌘ + 对源画板进行转换，多源画板或多转换目标将弹出选择对话框
执行 Plugins > Angle > Flip Mockup 或使用快捷键 command ⌘ + shift ⇧ + 对转换效果进行水平翻转
执行 Plugins > Angle > Rotate Mockup 或使用快捷键 control ⌃ + 对转换效果进行顺时针旋转
好了，就介绍这些吧，有兴趣的可以自己下载个使用下。如果其它疑问，欢迎评论区留言。如果有需要软件的，也可以留言呢，感谢支持！
UI如果翻译成user intreface，那需要推荐的软件还挺多的。
交互设计：AI +Indesign，Sketch，Axure，墨刀等；
视觉设计：Photoshop，Sketch，Adobe XD等；
三维建模：C4D等；
动效：After Effect等。
不要迷信软件，选每一项前几个学习下。最重要的是想法。
