jongde 发表于 2020-12-11 16:17:01

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

之前说的Figma使用弊端或者对比Sketch不足的一点是导出给到开发很不方便,因为会涉及到网页打开速度等一些问题,使得很多设计师止步于此。今天发现了新的一款导出标注切图插件,整体体验下来很流畅,上传速度也比较还可以,还可以对切图选择多倍图导出。谁用谁知道,真的比较契合的解决交付问题,赶紧@你的开发标注切图插件:https://www.mockplus.cn/download/figma-intergration
https://img.ui.cn/data/file/6/0/2/3544206.png

01                         安装Figma插件插件地址:https://www.mockplus.cn/download/figma-intergration点击“安装”按钮,随后自动跳转到Figma商店中,点击“Install”完成安装。https://img.ui.cn/data/file/7/0/2/3544207.png
02                         打开插件插件安装好后打开Figma,任意打开一个项目后,在画布空白处右键 -> Plugins -> Mockplus。https://img.ui.cn/data/file/8/0/2/3544208.png
03 切换语言插件安装好后,默认语言是英文。在插件 -> 设置中,可将语言切换为“中文”。登陆账号https://img.ui.cn/data/file/9/0/2/3544209.pnghttps://img.ui.cn/data/file/0/1/2/3544210.png04新建项目点击项目名称后面的小三角,在展开的列表中点击加号图标“+”,进行新建项目的操作。https://img.ui.cn/data/file/1/1/2/3544211.pnghttps://img.ui.cn/data/file/2/1/2/3544212.png新建好项目,可将页面上传到指定分组内。https://img.ui.cn/data/file/3/1/2/3544213.png05切换团队/切换账号
点击右上角的“更多”按钮,可以进行“切换团队”和“切换账号”的操作。https://img.ui.cn/data/file/4/1/2/3544214.png06 标记切图如果你需要对图层标记切图,首先选中图层,接着在属性面板右下角点击“Export”,再使用摹客插件上传即可。上传摹客后,可以一键下载iOS、Android、Web等多种尺寸的切图。https://img.ui.cn/data/file/5/1/2/3544215.png07选择设计稿倍率点击倍率下拉框,根据设计稿的画板大小,选择设计稿对应的倍率。例:750px*1334px的设计稿对应 @2× ,这个需要自己试验下,我测试的是我设计图是375的,选@2X的话,就会变成187.是缩小一倍的https://img.ui.cn/data/file/6/1/2/3544216.png倍率选择可参考下图:https://img.ui.cn/data/file/7/1/2/3544217.png接着,选择“上传所选画板”或“上传全部画板后”,点击上传即可将Figma插件一键上传即可。目前是支持100人内免费~比20人的划算一些!! 本文出自"木七设计坊"
页: [1]
查看完整版本: 谁再说Figma没办法导出标注和切图,你把这个插件转发给他