“

UI设计师在日常工作中，经常会思考如何提高自己以及团队的工作效率。作为UI设计师必备的工具，我们已经相当熟悉了。那么我们该如何结合它来提高自己以及团队的工作效率呢？

”

插件社区很活跃，时不时就会出现一些杀手级插件，可以帮助你大大提高设计效率。今天给大家推荐9个超赞的辅助插件和10个使用技巧，希望对大家有所帮助。

辅助神器插件

一个UI设计最终呈现的效果，当然离不开设计师自身的努力，但也需要考虑与前端工程师的充分沟通，以提高沟通效率。

例如，我们在做大型项目的时候，经常会遇到设计稿交付给前端工程师后需要更新的情况，这可能是由于需求变更，或者是前期设计不合理，当设计稿更新时，前端工程师很难根据“画板名称”快速找到设计师所做的修改。

这时候设计师可以用插件来记录自己修改的位置，以及修改的描述，我把这个动作叫做Add Pin。

当前端工程师打开有修改记录的文件时，可以点击插件菜单中的Show Log，查看设计师记录的修改，点击后可直接跳转到修改的位置，将修改说明与设计稿进行匹配。

正确的字体

这可能是我在 Mac 上遇到的最惊艳的字体管理工具了，当然其他的我没遇到过，只是觉得这个太简洁、太高效了，让我一见倾心。

打开之后你的界面会出现下面的画面：

你 Mac 里的所有字体都集中在这里。看到上面【叶根友特开简体版】旁边的星星了吗？你可以点击它来收藏你经常使用的字体。这些字体可以在顶部菜单的星星里找到。至于使用，就更简单了。

打开它，在画板中选中你想要改变的字体，然后双击你喜欢的字体，你会惊奇的发现字体也发生了变化。

除了直接选择字体之外，你还可以在上面的搜索框中找到你想要的字体（当然，只能是你的 Mac 上存在的字体），并且你可以根据字体样式/粗细/宽度三个维度来筛选字体。

另外，你当然可以预览字体样式。在中间右键，选择 [...]，在输入框中输入想要预览的文字。这样可以更方便你筛选出合适的字体。

在这个过程中，它会一直放在屏幕的最前面，方便你快速选择所需的字体，同时还会显示在 Mac 顶部的 WIFI 和电池电量栏中。

之前我管理图标的方式是在 新建一个空白文件，把经常用的图标拖进去，然后命名为【图标合集】保存，等到再次需要用到的时候再打开一个一个选。刚开始用的时候也不知道还有什么图标管理工具，只能用这种笨办法，直到那天在微博搜索相关话题的时候看到了。（请忽略我收集的图标素材都是用细、中、粗来命名的……）

至于使用方式，完全是傻瓜式的，先打开，然后选择【+添加图标】建立一个目录，命名，然后把你积累的素材导入进去就可以了，目前支持SVG、PNG、Gif三种格式的图片，建议尽量保留SVG，方便对图标进行二次修改。

然后，当你需要图标时，只需打开它并将所需的图标拖到设计界面即可。它非常简单、快速且高效。

用过之后我第一件事就是删除了其他的注释工具，相比于其他的注释工具，道行显然功能更加强大，而且强调了它是设计师和前端开发人员的协作工具。

安装完成后，在 中选择需要注释的页面，使用快捷键【⌘+E】快速导入 ，就会看到如上图的画面。右侧会显示界面配色方案，选中某个元素后，右侧就会出现各种元素，如下图：

之所以把它放在第一位，是因为它除了是一个非常好用的插件之外，还具备快速安装其他插件的功能。

通过，您可以快速运行各种内置命令。

可以快速切换到任何文件、画板、页面等。

最方便、最常用的是快速插入。

怎么样？是不是有点像设计界的风范呢？感兴趣的朋友可以去官网了解更多功能。

稻田

作为网页设计师，最痛苦的事情之一就是在设计稿中添加固定的设计组件sketch标注插件，例如标签等。因为网页与APP最大的区别就是设备空间的不同，很多时候元素的宽高无法固定，而必须根据具体的文本内容进行调整。虽然之前也有类似的插件，但是用处不大，直到Paddy的出现，基本解决了这个问题。

所以Paddy的核心功能就是一旦你设置了上下左右的值，你就可以快速的根据你内容的变化来适配外部容器的宽高，非常方便。

轴测风格平面设计最近非常流行，很多设计师都想在其中设计自己的轴测图。通过这款插件，你可以快速绘制轴测图sketch标注插件，并制作出各种效果。快来试试吧！

另外如果想要实现动图里的效果的话，可以使用魔术工具，不过由于这些图片处理操作比较像PS，所以我还是比较喜欢在PS里进行，有需要的朋友可以自行取用。

工艺

Craft 是一套用于设计和开发的插件，可帮助您简化设计过程中的自动化填充，提高工作流程效率，并专注于设计本身。作为一套工具套件，Craft 包含以下工具：

为了

Modao是国内知名的在线原型设计工具，而近期新增的设计稿在线批注功能可以说开创了批注工具的新高度。你只需要通过Modao插件上传设计稿，就可以轻松在Modao中设计出高保真原型，还可以快速查看设计稿的批注。有了如此便捷的功能，你还需要一次又一次地将设计稿导入本地电脑吗？当然不需要了！

技能

使用快捷键调整图形的形状

选中图形，按住 键，然后使用上下左右方向键可以以 1 个像素为单位调整图形的形状，同时按住 Shift 方向键可以以 10 个像素为单位调整。

复制元素

选择一个元素，按D键进行复制；复制的新元素会默认与原元素位置相同，且会覆盖原元素。

另外，也可以通过按住 键并拖动来复制目标元素，保持复制的元素处于选中状态，并根据之前手动拖动的距离连续使用 D 快捷键进行多次复制。

智能选择

按住 键并拖动选择框以覆盖多个元素。最终只有完全位于选择框内的元素才会被选中，其他元素将被忽略。

分组和取消分组

选择多个元素并按 G 键将它们合并为一个组。选择一个组并按 Shift G 键将其取消分组。

组内单选

要选择组中的特定元素，您无需在图层列表中搜索。只需按住 键并将鼠标直接指向元素即可“穿透”组并直接选择元素。

将画板的缩放比例重置为 100%

按0可以快速将画板的缩放比例恢复为100%。

调整缩放比例并同屏显示

按1可以快速调整画板到合适的缩放比例，以便所有画板可以同时呈现在视图中。

将视图聚焦于所选元素

按2可以快速将编辑区域的视图焦点移动到选定的元素或画板上。

将元素放置在图层序列的第一个或最后一个位置

按住该键，顶部工具栏中的“()”和“()”按钮将自动变为“To Front”和“To Back”，将选定元素排列到图层序列的第一个或最后一个位置。

10

重命名图层

选择一个元素并按 R。图层列表中该元素的条目将变为可编辑。现在您可以输入新的图层名称。

教程和插件下载

登录中文社区，你可以找到以上所有插件的下载地址，以及完全免费的设计教程和资料。记住地址：

过去的亮点

如有侵权请联系删除！