谁再说Figma没办法导出标注和切图，你把这个插件转发给他

原创木七木七设计坊

之前说的Figma使用弊端或者对比Sketch不足的一点是导出给到开发很不方便，因为会涉及到网页打开速度等一些问题，使得很多设计师止步于此

今天发现了新的一款导出标注切图插件，整体体验下来很流畅，上传速度也比较还可以，还可以对切图选择多倍图导出

谁用谁知道，真的比较契合的解决交付问题，赶紧@你的开发

标注切图插件：Mockplus

https://www.figma.com/community/plugin/906006256595978208/Mockplus

安装Figma插件

插件地址：

https://www.figma.com/community/plugin/906006256595978208/Mockplus

点击“安装”按钮，随后自动跳转到Figma商店中，点击“Install”完成安装。

插件安装好后打开Figma，任意打开一个项目后，在画布空白处右键 -> Plugins -> Mockplus。

切换语言

插件安装好后，默认语言是英文。在插件 -> 设置中，可将语言切换为“中文”。登陆账号

点击项目名称后面的小三角，在展开的列表中点击加号图标“+”，进行新建项目的操作。

新建好项目，可将页面上传到指定分组内。

切换团队/切换账号

点击右上角的“更多”按钮，可以进行“切换团队”和“切换账号”的操作。

标记切图

如果你需要对图层标记切图，首先选中图层，接着在属性面板右下角点击“Export”，再使用摹客插件上传即可。上传摹客后，可以一键下载iOS、Android、Web等多种尺寸的切图。

点击倍率下拉框，根据设计稿的画板大小，选择设计稿对应的倍率。例：750px*1334px的设计稿对应 @2× ，这个需要自己试验下，我测试的是我设计图是375的，选@2X的话，就会变成187.是缩小一倍的

倍率选择可参考下图：

接着，选择“上传所选画板”或“上传全部画板后”，点击上传即可将Figma插件一键上传即可。

目前是支持100人内免费~比20人的划算一些！！

继续滑动看下一个