設(shè)計(jì)行業(yè)中的工具層出不窮，在我看來(lái)一定程度上顛覆了PS，目前已經(jīng)成為很多設(shè)計(jì)團(tuán)隊(duì)的設(shè)計(jì)工具。

那么 Figma 相較于其他框架來(lái)說(shuō)，到底有哪些優(yōu)勢(shì)？又有哪些不便之處？我們從幾個(gè)方面來(lái)看一下。

兩款軟件都非常適合制作UI和組件庫(kù)，還加入了云端和團(tuán)隊(duì)協(xié)作功能，在設(shè)計(jì)行業(yè)也非常受歡迎sketch下載，目前國(guó)內(nèi)一些企業(yè)團(tuán)隊(duì)已經(jīng)開(kāi)始使用Figma進(jìn)行協(xié)同設(shè)計(jì)，我自己的公司也已經(jīng)開(kāi)始使用了。

軟件的內(nèi)在屬性

界面

Figma 界面

成分 （ ＆ ）

UI設(shè)計(jì)對(duì)于組件庫(kù)的構(gòu)建和協(xié)同使用非常重要。

組件是可在整個(gè)設(shè)計(jì)中重復(fù)使用的元素。它們有助于創(chuàng)建和管理跨項(xiàng)目的一致設(shè)計(jì)。

你可以從設(shè)計(jì)的任何層或?qū)ο髣?chuàng)建組件。這些可以是一整套東西，例如按鈕、圖標(biāo)、布局等。從我的個(gè)人經(jīng)驗(yàn)來(lái)看，在 Figma 中制作組件庫(kù)的原則更好、更快。

以按鈕為例

在 Figma 中，我們可以直接調(diào)整按鈕組件的圓角和顏色。在 中，我們可以使用控件編輯文本或交換嵌套。但是，如果要更改其他屬性（字體大小、邊框粗細(xì)或背景顏色等），則必須創(chuàng)建一個(gè)新的。結(jié)果就是組件的數(shù)量會(huì)增加。對(duì)于大型項(xiàng)目和復(fù)雜的 UI，你會(huì)有越來(lái)越多的文件sketch下載，文件會(huì)變得特別復(fù)雜，嵌套級(jí)別也會(huì)增加。

Figma

Figma 最強(qiáng)大的地方在于組件嵌套的原理，顏色、字體大小、投影等參數(shù)都可以獨(dú)立于組件之外，隨時(shí)修改，而不像以前需要大量設(shè)置才能覆蓋。

注解

Figma 內(nèi)置了在線標(biāo)注，但是由于網(wǎng)絡(luò)原因使用起來(lái)不是很方便，可以使用一些優(yōu)秀的第三方在線標(biāo)注插件進(jìn)行開(kāi)發(fā)，比如國(guó)內(nèi)比較常用的 Blue Lake，以及國(guó)外的插件，官方的 Cloud 可以實(shí)現(xiàn)標(biāo)注問(wèn)題，但是還在測(cè)試階段，功能還不夠完善。

插件

Figma 的插件不夠多，F(xiàn)igma 有自己的插件商店供大家下載使用，官網(wǎng)也有推薦插件供下載，大部分都是從第三方網(wǎng)站編譯出來(lái)的插件。

最后從最近的版本迭代來(lái)看，它也在功能上追趕 Figma，增加了一些提高效率的功能，比如組件著色功能，可以直接改變組件的顏色，而不需要提前創(chuàng)建。著色是整體的，比如給一個(gè)按鈕上色，按鈕上的文字也會(huì)被覆蓋，所以靈活性不如 Figma。

實(shí)際使用上，可以快速遷移到，而且學(xué)習(xí)成本不高，有興趣的朋友可以嘗試一下。

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