这里有款让你效率翻10倍的工具，请设计师速来领取！

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

作为 UI 设计师，跟前端开发沟通的种种酸甜苦辣的体验或许仍历历在目。

很多细节可能需要来来回回多次讨论确认，经常看到开发和设计师在办公室里踱来踱去；

用 Sketch 或者 PS 做了设计稿，但是还只是静态图（即使Sketch 49 更新了交互原型功能，但功能还很基础）；

给开发那边切图，需要设置不同尺寸大小的图；

想让开发看标注，可能下载了 Sketch Measure 这种插件，不过如果对其他功能有需求，还要再下载更多插件……

其实，只要选对了工具，完全不用这么麻烦。

下面给大家推荐的工具——墨刀，就是几乎能 cover 住 UI 设计师在制作原型，团队协同，标注，资源交付方面的所有功能。

Modao.cc

（从上面的链接注册，可以获得30天个人版会员，如果你是老用户，木子设计网也特地准备了平台的专属7折折扣码：UISDC70，购买时输入即可享有）

墨刀原本是在产品经理界颇具名气的原型工具，不过墨刀团队对产品的定义不止于一个做交互原型的工具，它还有另外两项十分给力的功能：「团队协同」和「设计交付」，完全贴合设计师的需求。

一、团队协同让沟通更高效

墨刀的团队协同功能让你能建立一个团队，那么该团队下的所有项目可以在团队成员之间共享。不同的团队成员可以被赋予不同的权限，比如阅览者，或者编辑者。

多个项目并行时，设计师总会在各个项目收到不同同事的修改建议，在多平台需求收集和反复沟通中浪费大量时间。

有了墨刀，团队成员可以直接在项目的预览页进行打点评论，前端开发和设计师的意见也可以即时交流。开发对某个效果的实现有疑虑？ 打个点直接评论在项目上吧！设计师也可以立即进行针对性的回复。

二、轻松造就交互原型

话说现在动态原型设计已经是设计界的主流了，你的设计稿还不会动怎么行？

墨刀支持上传任何形式的图片设计稿，利用墨刀的王牌原型功能，你可以迅速通过拖拽建立链接，将静态稿件转成动态原型。

当然，如果你同时还需要做一些低保真到中度保真的交互逻辑设计，你也完全可以在墨刀进行制作。墨刀提供丰富的组件，iOS 和 Material Design 系统的常用组合，以及各种图标，让你的逻辑交互设计更加快捷省心。

此外，对于UI设计师和开发之间的资源交接，墨刀的新标注功能也是一大利器。下载墨刀的Sketch插件并安装之后，便可以将Sketch设计稿导入墨刀画板。

三、查看标注 so easy

点击顶部工具栏的「标注」就可以进入标注模式，在这里，开发可以很方面地查阅页面元素的尺寸和布局信息。

四、一键下载多倍图

当你在 Sketch 里进行切图并将设计稿传到墨刀之后，墨刀支持让你一键下载多倍图（同时为你下载1X，2X，3X尺寸的切图），对于移动端设计来说，简直省时省力。

五、贴心的颜色解决方案

同时，墨刀提供最周到的颜色方案。Sketch 里稿件的所有颜色和当前页面的颜色都为设计师提取出来，当然，你也可以用吸管吸取某种颜色查看和记录色号，让团队的颜色设计更加畅通无阻！

墨刀还支持对颜色单位自动换算，无论是 Hex 还是 RGB 或是其他，设计师和开发都可以按习惯和需求进行选择。

六、多平台代码

前端开发可以在标注模式下查看各元素的多平台代码，让开发的工作效率也大大提升！ 开发用了一定开心地给设计师发糖！

================明星栏目推荐================

优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气最高的设计网址导航，设计师必备： https://www.muzisucai.com/