高端操作!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部門從糟心的海外服務器中解放出來,體會到極速查看、流暢協作的快感。

工具或設計平臺的遷移並不是一件複雜的任務,這些看起來很“高端的操作”其實都很簡單。試試看,相信你和你的團隊會在這個全新平臺上收穫高效與驚喜!

福利彩蛋

最後我們爲率先體驗figma插件的朋友們準備了摹客專業版激活碼一枚 點擊馬上領取

領取即可全方位體驗這款強大的高保真設計利器,同時支持在線交付Sketch/PS/XD/Axure/Figma設計稿,還可以享受7*12小時在線客服支持。

或 複製到瀏覽器打開 :

https://www.mockplus.cn/get-idoc?hmsr=cyrenejs

專屬激活碼: 【cyrene】

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章