Figma用了那么久 怎么还在问标注和切图!
推荐了那么久的Figma,居然每天都还有很多粉丝在私信里问我:用Figma交付要怎么做切图和标注呢?
都是假粉吧!
这事儿说过了,单靠Figma肯定不行,因为它得依托于外网,不用加速器读取效率就会很受限,所以还是得借助三方工具来发力。
而在今年年初捣鼓Figma的时候,我就找了一圈,发现只有它能上传Figma设计稿,实现切图和标注,就一直捆绑推荐到现在。而且不负所望,直到现在他们也是这一块做得最好,最稳定的一家。
“它”就是国内最早推出Figma插件的(也是我依旧推荐的)设计协作平台:摹客!
插件的安装很简单,从摹客的官网找到Figma插件,点击安装就会跳转到Figma社区,然后直接在社区Install就可以了,不像一些乱七八糟的破解版总是把人搞得很烦。
同步设计稿也是,在Figma画布的空白处,右键选择摹客插件,就可以快速上传你的设计稿。上传时也可根据需要单独选择个别画板上传,大家就具体情况具体操作吧。
一键切图,前端实现按需自取
说到正事儿,其实也没什么好说的😂,因为用摹客插件在Figma切图也很简单,选中图层后点击添加切片图层即可。
至于下载切图时遇到的平台切换、倍率选择还有图片格式这类问题,前端工程师也都可以在摹客平台上自主操作,咱也不用瞎操心。
智能标注,交付更省事
标注这一块,摹客一直都拿捏得死死的,自动标注&手动标注,不怕设计细节描述不清。
其实摹客的自动标注已经很完善了,尤其是多选标注,遇见一些比较小的间距,直接显示距离可能会让整个设计稿变得乱七八糟,但是用放大镜打开看一下就行了。对于这种常用功能,大家还是要记一下它的快捷键Z,非常顺手。
另外,摹客有5种手动标注的方式,完全可以帮助我们自由补充设计说明,交付更完善的设计稿。
标注&切图其实真的方便,只要选对工具就不会有太多问题。
不单单是切图和标注,摹客里还有很多很实用的功能,我们日常多用起来,效率肯定会不一样。像设计稿交互、版本对比等等,都可以帮助大家反复去思考自己的设计稿。讲真的,只有多想才能搞出牛掰的设计。
而且不只是Figma,像sketch、PS、XD这些设计工具摹客都有相关的插件,操作也大同小异,就不过多啰嗦了。
其实摹客也不是一个单纯的切图标注软件,而是一个非常完整的协同平台,真正利用起来后对团队工作效率的提高绝对非常有用。
我主要选三个常用的协作功能点说说吧:
在线评审:高效进行设计审稿
将设计稿同步到摹客平台后,团队成员就可以同时进行设计评审。摹客支持5种评审工具,搭配三种不同的评论解决状态。不仅能快速提交评审意见,还可持续跟进评论状态,对照着评审意见修改,避免出现遗漏。
项目资源库:素材管理神器
另外我们在做设计的时候,也可以同步在摹客项目中上传、整理我们的设计资源,避免同一个文件在团队成员之间传来传去,让团队的协同设计和素材管理更加有章法。
任务管理:让设计流程可视化
在这里我们也可以把任务管理与设计协作的流程结合起来,直接刷刷刷的把任务分配到人头,完后直接把任务跟进到个人!(哈哈,刺激🙈)
而且目前摹客的基础使用都是免费的,对于设计师的日常操作或者普通团队的协作来说,完全够用。
最后,还是希望大家都做大做强,早点成为付费用户啊~🤏