【介绍】

Figma标注切图插件隶属于慕课系列插件中的一款，作用则大不一致，用于本地导入各类格式图像文件的切图以及信息的标识，另外这款插件在联网的状态下可把自己制作好的图像文件上传到线上平台中，由其他用户帮忙提供改进建议，并在处理过程中自动生成相关重要信息的标注，管理起来相当规范。

摹客Figma插件特色

1、无缝导入，在线评审

Figma设计稿一键上传

轻松分享演示，完美呈现交互

无需苦苦等待文件加载

2、智能标注，自动切图

标注数据清晰呈现，多种样式代码即取即用

高清切图自动生成，不同平台倍率文件一键下载

助力前端工程师高效还原设计稿

3、多款工具，轻松交付

支持 Figma / Sketch / PS / XD / Axure 设计稿

无论用哪款工具，都能在摹客协作

设计不受限，交付更轻松

4、团队协作，效率倍增

支持百人团队免费协作

在线设计、设计交付、规范管理一站解决

提高团队协作效率，节约产品研发成本

摹客十大特色功能

智能标注解放双手

"自动+手动"的智能标注方式，支持查看颜色/文字变量，切换不同开发平台，更能一键查找相同元素，导出CSS / OC / Swift / Android代码，页面信息传达更准确。

智能切图取用随心

一键上传Sketch / PS / XD / Figma的设计稿，自动获取不同倍率、不同平台尺寸的切图。支持一键压缩、快速下载多种格式切图，支持两种安卓切图文件夹命名（drawable、mipmap）。

在线评审即时便捷

多人实时评审项目，快速反馈意见，支持评论状态管理，多种批注方式让评论准确清晰。

历史版本轻松管理

自动生成历史版本，支持快速浏览及管理，四种页面对比工具让版本差异秒现。

在线设计自由强大

在线进行高保真+高交互设计，支持矢量编辑、高扩展性组件、设计资源复用和分享、多人实时协同等。

交互原型动效如真

为设计稿添加交互设置，自定目标、动作、触发方式，支持灵活的动效参数，时长及延时设置，让演示更丰富、更逼真。

设计规范准确到位

快速创建设计规范，轻松管理和复用颜色、文字、组件、图标等多种设计资源。建立团队级高规格规范库，支持规范库关联设计项目。

全貌画板清晰呈现

上帝视角总览项目全貌，快速添加逻辑线，制作页面流程图，更支持页面状态标记，准确掌握项目进度。

产品文档在线撰写

在线编辑、管理产品文档，支持多人评审、历史版本管理、导出本地文件，还可深度关联设计稿，准确表达产品想法。

团队管理安全放心

强大的团队管理能力，组织架构、成员权限、项目动态轻松管控。支持企业私有部署，专享团队管理后台及更多团队级配置选项。

使用教程

1、打开插件

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

2、切换语言

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

3、新建项目

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

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

4、切换团队/切换账号

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

5、标记切图

选中需要切图的图层或编组，在插件上点击添加切片图层，就可以一键完成切图。上传到摹客平台后，会自动生成各个平台尺寸的切图，例如：iOS的@1x、@2x、@3x。

6、选择设计稿倍率

点击倍率下拉框，根据设计稿的画板大小，选择设计稿对应的倍率。例：750px*1334px的设计稿对应 @2x。

倍率选择可参考下图：

接着，选择上传所选画板或上传全部画板后，点击上传即可将Figma插件一键传至摹客平台。

更新内容

修正了在开发模式下检查设计规格时，框架层可能无法选择的问题。

以上就是Figma标注切图插件的全部内容了，快快收藏软件爱好者下载更多软件和游戏吧！