推薦了那么久的Figma,居然每天都還有很多粉絲在私信里問我:用Figma交付要怎么做切圖和標注呢?
都是假粉吧!
這事兒說過了,單靠Figma肯定不行,因為它得依托於外網,不用加速器讀取效率就會很受限,所以還是得借助三方工具來發力。
而在今年年初搗鼓Figma的時候,我就找了一圈,發現只有它能上傳Figma設計稿,實現切圖和標注,就一直捆綁推薦到現在。而且不負所望,直到現在他們也是這一塊做得最好,最穩定的一家。
“它”就是國內最早推出Figma插件的(也是我依舊推薦的)設計協作平台:摹客!
插件的安裝很簡單,從摹客的官網找到Figma插件,點擊安裝就會跳轉到Figma社區,然后直接在社區Install就可以了,不像一些亂七八糟的破解版總是把人搞得很煩。
同步設計稿也是,在Figma畫布的空白處,右鍵選擇摹客插件,就可以快速上傳你的設計稿。上傳時也可根據需要單獨選擇個別畫板上傳,大家就具體情況具體操作吧。
戳:直接下載摹客插件
一鍵切圖,前端實現按需自取
說到正事兒,其實也沒什么好說的😂,因為用摹客插件在Figma切圖也很簡單,選中圖層后點擊添加切片圖層即可。
至於下載切圖時遇到的平台切換、倍率選擇還有圖片格式這類問題,前端工程師也都可以在摹客平台上自主操作,咱也不用瞎操心。
智能標注,交付更省事
標注這一塊,摹客一直都拿捏得死死的,自動標注&手動標注,不怕設計細節描述不清。
其實摹客的自動標注已經很完善了,尤其是多選標注,遇見一些比較小的間距,直接顯示距離可能會讓整個設計稿變得亂七八糟,但是用放大鏡打開看一下就行了。對於這種常用功能,大家還是要記一下它的快捷鍵Z,非常順手。
另外,摹客有5種手動標注的方式,完全可以幫助我們自由補充設計說明,交付更完善的設計稿。
標注&切圖其實真的方便,只要選對工具就不會有太多問題。
不單單是切圖和標注,摹客里還有很多很實用的功能,我們日常多用起來,效率肯定會不一樣。像設計稿交互、版本對比等等,都可以幫助大家反復去思考自己的設計稿。講真的,只有多想才能搞出牛掰的設計。
而且不只是Figma,像sketch、PS、XD這些設計工具摹客都有相關的插件,操作也大同小異,就不過多啰嗦了。
其實摹客也不是一個單純的切圖標注軟件,而是一個非常完整的協同平台,真正利用起來后對團隊工作效率的提高絕對非常有用。
我主要選三個常用的協作功能點說說吧:
在線評審:高效進行設計審稿
將設計稿同步到摹客平台后,團隊成員就可以同時進行設計評審。摹客支持5種評審工具,搭配三種不同的評論解決狀態。不僅能快速提交評審意見,還可持續跟進評論狀態,對照着評審意見修改,避免出現遺漏。
項目資源庫:素材管理神器
另外我們在做設計的時候,也可以同步在摹客項目中上傳、整理我們的設計資源,避免同一個文件在團隊成員之間傳來傳去,讓團隊的協同設計和素材管理更加有章法。
任務管理:讓設計流程可視化
在這里我們也可以把任務管理與設計協作的流程結合起來,直接刷刷刷的把任務分配到人頭,完后直接把任務跟進到個人!(哈哈,刺激🙈)
而且目前摹客的基礎使用都是免費的,對於設計師的日常操作或者普通團隊的協作來說,完全夠用。
最后,還是希望大家都做大做強,早點成為付費用戶啊~🤏