专栏首页无原型不设计高端操作!Figma + 摹客打造实用设计平台

高端操作!Figma + 摹客打造实用设计平台

红透UX设计圈的在线矢量设计工具Figma,在最近两年几乎成了“真香”的代名词,这也侧面印证了“协作”已逐渐成为设计团队的共识。但对于国内用户,糟糕的连接速度、极度缺失的本地化支持都让Figma较难发挥真正的协作优势。

国外厂商往往不重视中国市场的需求和本地化体验

即使困难重重,仍然无法动摇部分国内设计团队迁移平台的决心。当然代价也是不小的:按人数收费的订阅机制,价格不菲;最后,Figma自身的交付能力较弱,所以还得另购其他产品作为设计交付的补充.....

疫情的下半场,“节流”作首要原则,面对如此高昂的切换成本,团队推动的阻力可想而知。令人欣喜的是,11月Figma官方社区正式上线了摹客Figma插件,意味着终于有国内的主流协作设计平台接入了Figma。整个DevOps部门可以使用免费、高速的国内服务器进行工作,大大降低团队推广的费用和风险。

摹客正式支持Figma设计稿

以下小摹根据自己实际工作中的经验,介绍一下如何借助摹客插件来降低Figma使用门槛。同时也介绍一些实用的其它插件,为希望将Figma作为主要设计平台的团队们提供参考。

借助官方插件打通Figma和摹客

首先谈谈为什么要使用协作平台,而不使用一些可以导出离线HTML包的插件?Sketch measure迅速衰落的“前车之鉴”已经证明了导出压缩包交付的方式面对修改、迭代和审阅是非常低效的。平台交付收集意见时更加高效,产生设计改动也不需要重复发送压缩包给团队,从而有效保证设计产出的准确性、唯一性。

从大红大紫到明日黄花,Sketch measure见证了国内体验设计行业从稚嫩到成熟

若希望使用摹客进行Figma设计稿交付,只需要免费注册一个账号,然后访问官方插件链接,点击右上角的install安装。

安装好以后就可以在浏览器中直接打开摹客插件了。在Figma的画布空白区域点击右键,依次选择Plugins > Mockplus,稍作等待后弹出主界面。初次使用语言一定要选择中文,才能使用中国区的服务器。

摹客在国内国外均设有服务器,国内用户选择中文体验更佳

在插件中登录后摹客账号后,即可开始导入设计稿到摹客了。值得一提的是,除Figma外,摹客还兼容其他所有的主流软件的设计稿(Sketch、Ps、Xd、Axure)导入。除了评审、交付等设计师的必需功能外,摹客还提供完整的在线设计,PRD文档撰写,设计规范管理,任务管理等实用功能,满足设计团队的各种高级需求。

对于设计师来说,好用的自动切图和标注永远属于核心需求

值得一提的是,摹客针对100人以下的团队一律免费,助力你无忧设计协作!

实用Figma第三方插件推荐

由于Figma本身是兼容Sketch文件的,设计资产的迁移相对容易,此处小摹再给出一些第三方插件的推荐,帮助团队更顺利地完成操作习惯过渡和功能的衔接。

1. Scale

Figma无法手动输入倍率进行缩放,这让很多习惯了⌘ + K缩放逻辑的设计师感到不爽。Scale则完美解决了这个问题。

2. Time Machine

Time Machine 可以理解为一个游戏中的 Quick-Save 功能,他会自动复制一份当前设计稿,并收纳到一个专门的 Page 中。如果习惯经常使用“另存为”功能来保存设计中间版本,一定会对这个插件爱不释手。

3. Clean document

设计过程中难免产生一些排序混乱的空分组,无意义的隐藏图层或是命名不规范的图层。这款插件都可以帮你进行“智能打扫”。整理后,无论是自己还是合作设计师都能够更好地理解图层结构和逻辑。

4、TinyImage Compressor

图片压缩插件,支持JPG/PNG格式及打包输出,质量和体积的优化相当不错,免去输出素材后再使用Tinypng.com的处理麻烦。

5、Design Lint

如果你使用过Sketch新版本(69+)的助理功能,那就对这个插件非常熟悉了。Lint可以快速寻找设计的不一致,包括颜色、字体、效果、填充样式、笔触、边框半径等。实时的设计查错助理对于设计主管真是一个福音,再也不需要花费大量的时间去审核设计师的细小设计失误了。

结语

Figma社区功能上线才半年左右,各种设计素材和插件已经非常丰富,足见全球用户对这款产品的喜爱。

无论是个体设计师还是设计团队,Figma都是一款非常值得尝试的工具。借助“摹客 + Figma”的方式来构建设计平台,并搭配第三方插件群提升功能性,就足以让这款产品胜任高强度的真实设计工作,并让整个DevOps部门从糟心的海外服务器中解放出来,体会到极速查看、流畅协作的快感。

工具或设计平台的迁移并不是一件复杂的任务,这些看起来很“高端的操作”其实都很简单。试试看,相信你和你的团队会在这个全新平台上收获高效与惊喜!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Sketch or Figma 谁才是UI设计软件的未来?

    谈起UI设计软件,首先想到的大概是Sketch。伴随移动互联网的兴起,Sketch的发展可谓一骑绝尘。相比曾经的大哥Photoshop,Sketch虽功能不及其...

    奔跑的小鹿
  • [讨论]为设计工具付费到底值不值得?

    如今,越来越多的设计工具从免费转向了付费,越来越的设计师和公司也接受了付费的使用模式。不过,行业主流的设计工具往往来自欧美,定价通常都非常“不近国情”。拮据的国...

    用户5009027
  • 为什么我们要在 Sketch 中备份所有 Figma 设计

    最近,我司的设计管理人宣布我们要从Sketch搬家到Figma啦。 Yay! 真香! 搬家同时,我们也开始了使用名为 Magicul 的工具。 这个工具会定期将...

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

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

    奔跑的小鹿
  • 一款好用的程序员切图标注神器

    我这里推荐的是摹客,摹客是设计+协作(All in One)的一站式云平台,为产品开发团队提供高保真设计、设计稿交付、全流程协作和设计规范管理。

    奔跑的小鹿
  • 一款好用的程序员切图标注神器

    我这里推荐的是摹客,摹客是设计+协作(All in One)的一站式云平台,为产品开发团队提供高保真设计、设计稿交付、全流程协作和设计规范管理。

    奔跑的小鹿
  • Figma真好用,8个让我不用Sketch的理由

    前言:设计不断的变化,而设计工具也一直在更新换代,设计师要想提高效率,就要选着好用的设计工具。做 UI/UX 设计,过去最常见的工具是 Axure、Sketch...

    奔跑的小鹿
  • 设计师都爱用的UI标注软件有哪些?

    UI标注软件现在是设计师(UI、PM、前端等)必备的一款软件。设计稿是UI设计师日常工作中的产出物之一,当然,做出了高保真设计稿并不意味着你的工作结束了,因为你...

    奔跑的小鹿
  • 总有一款适合你的协同设计工具

    协同设计是当下技术行业技术更新的一个重要方向,也是设计类工具软件发展的必然趋势。它,不单是一个设计类的专业术语,更是一种商业化的服务模式。

    奔跑的小鹿

扫码关注云+社区

领取腾讯云代金券