前端标注设计图的工具我用的并不多，刚开始搬砖的时候就是个啥也不知道的囧·雪诺，看公司里的前辈用的是qq截图，有时候直接打开PSD文件。作为一个数字记忆盲【行数255我可以转眼记错跳转到522】，让我记住这种瞬间的数据我实在做不到。

知乎一下后我发现了马克鳗这个神器，英文名Mark Man，官网http://www.getmarkman.com/。对于收费这个事情国内人才辈出你懂得，不过最好支持一下正版啦。

用马克鳗也差不多一年了，说说它的优势：打开设计图速度快，可以标记宽高坐标以及颜色，支持多种格式不止PSD。缺点可能就是要自己手动标，还有字体大小不好标记，要准确的字体还是要打开PS。

昨天被前端群的小伙伴推荐了一下标你妹，听说自动化于是心痒痒的去试了，懒惰是人类进步的阶梯啊【X。

标你妹啊听着像是骂人的话，名字挺有新意的，官网http://www.biaonimeia.com。全免费，需要微信登录，不需要安装，解放电脑空间。昨天试了一下，很多功能还没尝试。

就目前所知所感，优势自动标记，标记出来的字体很准确，还可以看到圆角的数值，颜色值显示为16进制与rgb两种【马克鳗中也可，只是需要一个转换步骤】，缺点的话现在看来是只支持PSD文件，有些不是很需要的属性也一起分析可能造成浪费（比如居中显示的时候并不是太需要知道左右距离），还有就是PSD文件过大的时候分析时间可能很长而且成功率有点问题【后面这是群友说的，我只尝试了两个3M内的文件】，

决定下次两个工具结合着用用看。

前端标注工具标你妹啊与马克鳗小对比