說到UI設(shè)計(jì)軟件，大家首先想到的可能就是。隨著移動(dòng)互聯(lián)網(wǎng)的興起，UI設(shè)計(jì)的發(fā)展遙遙領(lǐng)先。相比于曾經(jīng)的老大哥，它的功能雖然沒有那么強(qiáng)大，但卻更加輕量高效，迅速俘獲了UI設(shè)計(jì)圈的青睞。一時(shí)間，幾乎所有國內(nèi)外主流設(shè)計(jì)團(tuán)隊(duì)都會(huì)將其作為主要的生產(chǎn)力工具，成為UI設(shè)計(jì)領(lǐng)域的新霸主。

近兩年，一款名為 Figma 的設(shè)計(jì)工具橫空出世。根據(jù) UX Tools 對(duì)全球數(shù)千名設(shè)計(jì)師的年度調(diào)查，F(xiàn)igma 從 2017 年的第七名躍升至 2018 年的第二名，并被評(píng)為 2019 年最值得期待的設(shè)計(jì)工具，展現(xiàn)出驚人的潛力。尤其是今年以來，很多公司紛紛轉(zhuǎn)用 Figma，比如大家熟知的微軟等，國內(nèi)網(wǎng)易的設(shè)計(jì)團(tuán)隊(duì)也開始使用這款工具進(jìn)行遠(yuǎn)程協(xié)同設(shè)計(jì)。

那么 Figma 是如何收獲如此多國內(nèi)外粉絲，并抓住這樣的用戶的呢？

最好的跨平臺(tái) UI 設(shè)計(jì)工具

界面設(shè)計(jì)工具一直以來似乎對(duì) Web 極不友好，比如它們根本不開發(fā)版本，Adobe 的 XD 雖然有版本，但實(shí)際使用體驗(yàn)和 Web 還是有明顯區(qū)別。Figma 是基于 Web 平臺(tái)開發(fā)的，只要你的設(shè)備有瀏覽器，并且聯(lián)網(wǎng)，就能獲得媲美 Mac 的優(yōu)秀體驗(yàn)，而且不受系統(tǒng)限制。

流暢的操作體驗(yàn)

Figma 雖然是基于 Web 開發(fā)，但其流暢度絲毫不遜于客戶端軟件。習(xí)慣使用 PS 做設(shè)計(jì)的朋友一定都害怕過被卡頓所支配。復(fù)雜的設(shè)計(jì)文件，尤其是有多個(gè)畫板的設(shè)計(jì)，就連移動(dòng)圖層都會(huì)變得異常困難。

雖然在這方面相比PS有了很大的優(yōu)化，但是其性能也有明顯的上限，如果畫板太多，工作時(shí)間長(zhǎng)了還是會(huì)卡頓。

Figma 對(duì)本地資源的消耗似乎并不大，同樣大小的項(xiàng)目文件，F(xiàn)igma 可以將緩存控制到極低，還能維持流暢的 60 幀渲染，可以說是真正的“絲般順滑”。

超強(qiáng)大的全局組件

這個(gè)功能很類似，只不過你可以在 Figma 中創(chuàng)建一個(gè)專門的文件來定義組件（）或者樣式（style），然后發(fā)布到庫（），這樣團(tuán)隊(duì)的所有成員都可以在團(tuán)隊(duì)中的任意文件中調(diào)用這些組件。同時(shí)得益于 Figma 基于 Web 開發(fā)，這些組件可以實(shí)時(shí)更新，這意味著一旦修改了某個(gè)組件樣式，團(tuán)隊(duì)中所有使用該組件的地方都可以選擇是否同步更新。

真正的核心競(jìng)爭(zhēng)力——團(tuán)隊(duì)合作

依然基于網(wǎng)頁開發(fā)的先天優(yōu)勢(shì)，多個(gè)設(shè)計(jì)師可以同時(shí)在 Figma 中對(duì)同一個(gè)設(shè)計(jì)文件進(jìn)行工作，無需保存然后互相發(fā)送，效率可以翻倍；Figma 還支持評(píng)論和留言，哪里需要緊急修改，哪里優(yōu)先級(jí)不高，只需添加評(píng)論提醒其他團(tuán)隊(duì)成員注意，從此團(tuán)隊(duì)內(nèi)部再也不用來回發(fā)送設(shè)計(jì)稿源文件了，審閱變得簡(jiǎn)潔高效，簡(jiǎn)直是一個(gè)殺手級(jí)功能。

恢復(fù)歷史版本

雖然網(wǎng)頁版 Figma 有很多優(yōu)點(diǎn)，但總給人一種不安全感，如果一個(gè)設(shè)計(jì)稿已經(jīng)畫了好幾個(gè)小時(shí)，然后突然斷網(wǎng)斷電，如果不及時(shí)保存文件，那就太浪費(fèi)時(shí)間了。

Figma 很好的解決了這個(gè)痛點(diǎn)，團(tuán)隊(duì)中每個(gè)成員的每一次修改都會(huì)生成對(duì)應(yīng)的歷史版本windows 類似sketch，而且即使有成員犯了錯(cuò)誤，也有充足的備份機(jī)制保證文件的安全。

可以看出 Figma 是一款非常優(yōu)秀的網(wǎng)頁設(shè)計(jì)軟件，其各方面的用戶體驗(yàn)可以說可以和 Figma 相媲美，而兩者之間的競(jìng)爭(zhēng)還在繼續(xù)。那么作為設(shè)計(jì)師，我們?cè)撊绾芜x擇呢？

與 Figma 對(duì)比

組件系統(tǒng)

組件（）曾是被大家最推崇的殺手級(jí)功能，極大提升了設(shè)計(jì)效率。Figma 的組件（）繼承了組件的優(yōu)點(diǎn)，并且更加靈活，更貼合設(shè)計(jì)師的需求。

比如你在 中創(chuàng)建一個(gè)樣式，所有的屬性都保存在里面，如果修改了任何一個(gè)屬性，都需要以覆蓋的方式同步引用它的文件，如果想讓這個(gè)有不同的對(duì)齊方式或者顏色，需要提前預(yù)設(shè)，或者解除關(guān)聯(lián)后再修改（解除關(guān)聯(lián)后就不能再同步該樣式了）。

Figma 更加自由，它的強(qiáng)大之處在于父子關(guān)系，只要引用一個(gè)，就可以隨意調(diào)整它的屬性，而不會(huì)干擾父級(jí)的樣式，修改父級(jí)的屬性就可以修改全局的設(shè)置。

合作

Figma 的協(xié)作采用了 Docs 的模式，可以讓所有設(shè)計(jì)師同時(shí)在同一個(gè)文件上工作。你可以在頁面上看到很多小老鼠，也能看到其他設(shè)計(jì)師在做什么。雖然設(shè)計(jì)師們不愿意，但老板和客戶應(yīng)該就喜歡這種感覺。

既然是客戶端，協(xié)作就需要借助插件了。有個(gè)叫 的版本管理插件，可以讓設(shè)計(jì)師像那樣在項(xiàng)目分支中進(jìn)行設(shè)計(jì)，然后合并分支解決沖突。雖然麻煩了一點(diǎn)，但也不失為一個(gè)嚴(yán)謹(jǐn)?shù)脑O(shè)計(jì)稿版本管理方案。

設(shè)計(jì)稿交付

Figma 內(nèi)置了注釋工具，但問題在于只能生成整個(gè)項(xiàng)目的鏈接發(fā)給開發(fā)者，開發(fā)者需要自己去尋找注釋頁面，不僅麻煩，而且項(xiàng)目較大的時(shí)候加載時(shí)間會(huì)比較長(zhǎng)。

有云端交付功能，但功能還不夠完善，目前較多使用插件來解決這個(gè)需求，比如等可以上傳指定設(shè)計(jì)稿，自動(dòng)標(biāo)注切圖交付給開發(fā)。

UI 設(shè)計(jì)軟件的未來？

一場(chǎng)突如其來的疫情，極大地改變了人們的生活和工作方式，很多企業(yè)開始嘗試遠(yuǎn)程辦公，遠(yuǎn)程協(xié)作成為剛需?？傮w來說，筆者更看好Figma，它跨平臺(tái)，有比較完善的云端協(xié)作體驗(yàn)。云端是未來windows 類似sketch，部署云端協(xié)作的設(shè)計(jì)軟件會(huì)越來越多。比如國內(nèi)團(tuán)隊(duì)推出的設(shè)計(jì)協(xié)作平臺(tái)，就是設(shè)計(jì)協(xié)作領(lǐng)域的佼佼者。這個(gè)領(lǐng)域的競(jìng)爭(zhēng)還在繼續(xù)，任何一款軟件都有可能成為未來主流的設(shè)計(jì)工具，讓我們拭目以待吧。

●

●

●

●

讓設(shè)計(jì)和協(xié)作更快、更輕松

如有侵權(quán)請(qǐng)聯(lián)系刪除！