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

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

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

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

标注切图插件:

407af67f50521911aa224960155cead9.png

9789bbfb23c242856ff1cb79fb822f5e.png

01

安装Figma插件

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

d4a91d6659cce1c80fb2bf2d1a904dff.png

02

打开插件

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

3664af98cab1a14afe2cfc59c2292710.png

03

切换语言

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

c48dd50992d4f9ce33a262fb12f965a6.png

48efce44d8c087b9d318967877f710a8.png

04

新建项目

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

53189b3863d245a32fd2fef8bb0ee077.png

898e950bda6f344d93ea8b4921375cc5.png

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

c4e5b4dcb4e59e2db1f77aca6351e730.png

05

切换团队/切换账号

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

ead4c5c136337e3a8ddec57aace4700a.png

06

标记切图

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

d5076b5d837402c7c1d307fa4cfbf18c.png

07

选择设计稿倍率

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

3ffbccc2514205c7a20052b9b6881454.png

倍率选择可参考下图:

6f37dd78c01e0cbf5f577988ae6c9c66.png

接着,选择“上传所选画板”或“上传全部画板后”,点击上传即可将Figma插件一键上传即可。目前是支持100人内免费~比20人的划算一些!!

本文出自"木七设计坊"

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值