晶晶說：親愛的設(shè)計師們，你們是不是已經(jīng)面臨選擇困難了？ 現(xiàn)在的工具越來越多，那么哪一種更適合做UI呢？ 來看看作者的分析吧！ 這里提前給您一些建議。 對于Win平臺的朋友，建議先熟悉一下Figma，因為它比XD好很多。 Mac平臺的朋友，根據(jù)自己的需求來決定即可。

VS Figma

Figma 和這兩個現(xiàn)在熱門工具之間的競爭仍在繼續(xù)。 大多數(shù)設(shè)計師會想，這兩者哪個更好？ 我應(yīng)該從一種工具過渡到另一種工具嗎？

過去四年我一直在使用它，但我是它的超級粉絲。 既然它確實是UI捉襟見肘的時代真正的救世主，我相信你會記得那是多么痛苦。

不過我們公司最近改用Figma了，所以我就有機會嘗試一下這個工具，后來我發(fā)現(xiàn)這個工具也很棒。

在這篇文章中，我將向您介紹一些插件，最后讓我們看看哪個效果更好。 我們主要從以下幾個方面來介紹這兩個工具：

工具功能 2. 設(shè)備統(tǒng)一 3. 設(shè)計協(xié)作 4. 材料傳輸 5. 原型制作 6. 導(dǎo)入文件 7. 離線工作 8. 插件

001. 工具特點

這兩個工具具有幾乎相同的功能、相同的快捷鍵和相同的結(jié)構(gòu)。 如果您知道如何使用其中一個，那么您默認(rèn)就知道另一個。

002.設(shè)計系統(tǒng)-設(shè)備

我在 上花了很長時間完善設(shè)計系統(tǒng)，這很好，但當(dāng)我切換到 Figma 時，情況好多了。 讓我來告訴你為什么！

當(dāng)我想創(chuàng)建文本樣式時，文本/視口樣式不是原子級別的，我必須定義我想要的樣式的所有實例，這最終可能是一個特別長的文本樣式列表。

讓我們解釋一下樣式的工作原理：當(dāng)您定義任何文本或視口樣式時，所有屬性都會使用該樣式保存，但如果您對任何屬性進行任何修改，那么您將覆蓋文本樣式。 例如，如果您希望文本具有不同的對齊方式或不同的顏色。 要使用，您必須為每種情況創(chuàng)建文本/視口樣式。

拿出來看看 Figma 是如何工作的：

Figma 屬性面板

對于 Figma 來說，樣式是按照原子化的思想來設(shè)計的，屬性面板中的每個屬性都可以為其定義一個樣式。 這就是它的工作原理，就像 一樣，您可以單獨保存顏色、字體、陰影，并使用您想要的樣式的任意組合。 這真的很有幫助，因為如果我決定改變顏色，在 Figma 中，如果你在一處改變它，它就會在各處改變。

現(xiàn)在讓我們談?wù)?a href='/industry/351.html' title='圖標(biāo)+字體+組件庫資源合集' target='_blank'>組件，我注意到 Figma 的性能也好得多，采用了設(shè)備系統(tǒng)并降低了其限制。 中，如果有設(shè)備，則只能通過覆蓋來改變符號，而不能刪除元件中的元素。 例如，如果您有一個帶圖標(biāo)的按鈕，則必須創(chuàng)建 2 個符號，一個帶圖標(biāo)，一個不帶圖標(biāo)。

Figma組件有點不同，可以修改替換，但也可以更改組件層，以及視口的屬性。

Figma組件實例，可以刪除圖標(biāo)層并修改 -

003.設(shè)計協(xié)作

如果多個設(shè)計師進行協(xié)作，選擇正確的工具非常重要。

Figma 采用協(xié)作文檔或時間查看器的形式。 它允許所有設(shè)計師同時處理同一個文件。 您會看到許多鍵盤在項目中走來走去，并且您可以觀看其他設(shè)計師的工作。 說實話，我真的不喜歡在我工作的時候讓另一個人盯著我的屏幕，這太糟糕了。 而其他一些設(shè)計師更喜歡這些工作方法，并且也大大提高了效率。

Figma網(wǎng)站截圖

讓我們看看我們能用它做什么，我發(fā)現(xiàn)在這方面更好，有一個名為的插件允許設(shè)計人員擁有一個版本分支系統(tǒng)，類似于（對于開發(fā)人員），每個設(shè)計人員在一個分支中工作，然后合并該分支并解決存在的任何沖突。 我個人比較喜歡這些工作方式，有些設(shè)計師認(rèn)為太復(fù)雜了。

004. 設(shè)計交接

我們?nèi)绾蜗蜷_發(fā)人員交付設(shè)計稿？ Figma 有自己的格式，開發(fā)人員面臨的最大問題是sketch軟件圖標(biāo)，當(dāng)我想發(fā)送屏幕時，我必須向他們發(fā)送所有項目文件鏈接。 當(dāng)他們單擊鏈接時，他們需要等到項目加載后才能看到設(shè)計稿的屏幕。

而對于可以共享你的屏幕的Cloud，它仍在開發(fā)中sketch軟件圖標(biāo)，你可以使用插件來使工作流程更順暢，例如（，...等插件）。

005. 原型設(shè)計

Figma 中的原型設(shè)計工具非常棒，您可以輕松地進行用戶測試，因為它非常適合共享，并且它始終會根據(jù)您的設(shè)計進行更新。 而且這臺機器的原型功能不是很好，因為不是那么容易共享，必須使用云端來共享。

令人驚訝的是，在 Figma 中，您可以使用、、等來創(chuàng)建交互式原型。

006.導(dǎo)入文件

這兩個工具的導(dǎo)入操作類似，而且有很多集成的插件可以同時使用，比如外掛、外掛等，讓導(dǎo)入變得更加簡單。 我真正想要在 Figma 中做的是，復(fù)制任何畫板或任何元素，然后將其粘貼到 Figma 之外，這不起作用，但可以。 我過去仍然這樣做，所以我的桌面上沒有太多垃圾。 如果 Figma 有這個功能就好了。

007. 離線工作

這兩個工具都可以離線工作，F(xiàn)igma 無法加載組件，但離線工作很浪費時間。 所以，贏吧。

008.插件對比

它的開發(fā)比 Figma 早很多，所以插件也比較多。 我真正喜歡 Figma 的一點是，它在發(fā)布每個插件之前都會對其進行初步的插件審查。 這可以確保該插件是可信的并且不會損壞您的項目文件。

最后我想指出的是，至于哪個工具更好，我希望你可以自己體驗一下，因為到目前為止它們都做得很好。 如果你用得好，可以很容易地轉(zhuǎn)移到Figma。

因此，我建議大家根據(jù)自己的需求和項目的實際情況來選擇具體的工具。

原來的：

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