第一步当然是安装了，打开Mockplus插件链接[1]，或者在社区搜索Mockplus插件，安装它。
接着，在你的Figma文件中启动插件。首次开启需要选择语言地区，这里我们选择中文。需要注意的是中文和英文对应的是两个网站，反正这里选中文就对了。
选择语言地区
选取倍数大小
点击「上传」等待上传完成，上传成功后，前往Mockplus控制台[4]就可以看到你的项目了。
Mockplus控制台
点击项目进入，可以看到刚才上传的两个Frame（画板），双击其中一个就可以查看对应的标注啦。
设计标注
实用特性
经过一番体验，我发现了摹客一些比较实用的特性，给大家介绍一下。
切图
切图一直是设计交付中比较重要的一环，Mockplus针对切图也做了一些工作。如果你观察仔细的话，应该会注意到在插件中就有一个「添加切片图层」的按钮。它可以给你选中的图层添加一个Slice，也就是切片，这样就不用自己去画了。
添加切片图层
这里还有个小细节，添加的切片图层命名中的/会被替换为_，这样你导出的切图就比较符合工程师的命名习惯了。不过也有一个小问题，对于AutoLayout元素，因为切片不能和其他内部元素重叠，会把整体撑开，这种情况还是直接在右边给元素添加Export。
AutoLayout中切图
查看标注
设计师只需要在Figma标记好哪些元素需要切图，工程师在摹客里面就可以自己根据需要进行选择下载了，非常方便。
切换平台
在上传设计稿时，我们选择了平台，这个在查看标注时也可以切换。在标注页面，右侧面板顶部显示的有Web/iOS/Android这种平台名称，点击就可以进入切换面板，除了以上三种平台，我们还可以选择自定义，这对于给不常见尺寸的大屏设备进行设计的设计师来说非常有用。
其他功能
上述是我对摹客设计标注的一些实用特性的介绍，其实摹客不只是一个设计标注工具，它还有文档、原型、在线设计等功能，如果感兴趣你可以自己去摸索一下，此处按下不表。
摹客的其他功能
最后福利
摹客设计交付支持100人团队免费使用，但是为了让大家体验到更加丰富的功能，我向摹客申请了专业版激活码一枚，领取后即可体验。