當(dāng)中國還在為控制、協(xié)作和內(nèi)存使用而擔(dān)憂時(shí)，“Figma”的使用在國外已經(jīng)悄然興起。其無處不在的全場景設(shè)計(jì)讓您不再需要考慮使用XD或基于網(wǎng)絡(luò)的協(xié)作。對(duì)于設(shè)計(jì)，您只需要打開瀏覽器，就可以愉快地與您的團(tuán)隊(duì)成員一起處理同一個(gè)設(shè)計(jì)文檔。

Figma是什么？

剛才說了，它是一個(gè)類似于wed或者XD的UI設(shè)計(jì)工具。

目前Figma在國外已經(jīng)獲得了大量的粉絲，比如知名的APP、微軟等。雖然在國內(nèi)的知名度還沒有那么高，但 Figma 正在逐漸搶奪用戶，比如最近火爆的閱文集團(tuán)，其體驗(yàn)設(shè)計(jì)部門 YUX 已將海外項(xiàng)目全部遷移至Figma。

那么它到底擁有怎樣的德行和能力，才能成為如此耀眼的新星呢？

Figma 為什么這么棒？

1. 互聯(lián)網(wǎng)上最好的UI設(shè)計(jì)工具

由于生態(tài)原因，專業(yè)的UI設(shè)計(jì)工具似乎對(duì)大家都極其不友好。不管是像這樣，根本不開發(fā)版本，還是像XD，即使有版本，也有各種崩潰和bug。總之，UI設(shè)計(jì)體驗(yàn)一直很糟糕。

此時(shí)，figma 帶來了與 mac 相當(dāng)甚至更好的體驗(yàn)?；诰W(wǎng)絡(luò)的基本特性，figma 非常容易適應(yīng)所有平臺(tái)。只要您的設(shè)備有瀏覽器并且連接到互聯(lián)網(wǎng)，您就可以隨時(shí)隨地快樂地設(shè)計(jì)。

無論是 macOS、Linux，甚至是現(xiàn)在的 iPad！

2.絲滑無延遲

無論你是一個(gè)已經(jīng)習(xí)慣使用PS進(jìn)行設(shè)計(jì)的學(xué)生，還是正在使用PS的學(xué)生，我想你們都有被滯后支配的恐懼。當(dāng)圖層太多時(shí)，文件就大，頁面變得復(fù)雜，甚至移動(dòng)圖層也會(huì)變得異常。毫不費(fèi)力。

在使用Figma之前，我以為網(wǎng)上的軟件肯定不比本地的好，后來發(fā)現(xiàn)我錯(cuò)了，臉都腫了。在這里的演示中，因?yàn)闆]有iOS版的figma版本，所以我使用了 MD。相反，文件大小大致相同。

Figma似乎并沒有消耗多少本地資源，根本不存在那么嚴(yán)重的內(nèi)存泄漏問題，所以當(dāng)我打開同一個(gè)APP項(xiàng)目文件時(shí)，占用的內(nèi)存（加上緩存）達(dá)到了恐怖的16G，而figma甚至還不到160M。

根據(jù)實(shí)際體驗(yàn)，F(xiàn)igma 似乎無論文件有多大都能夠?qū)崿F(xiàn)流暢的 60 幀渲染。

3.大殺手——全球組件

Figma 的組件相似，但又不同。

得益于在線協(xié)作模型，你可以在figma中創(chuàng)建一個(gè)特殊的文件來定義組件（）或樣式（Style），然后將這個(gè)文件發(fā)布到庫（）中，這樣你的團(tuán)隊(duì)的所有成員都可以調(diào)用這些組件從 中的任何文件

只要修改其中一個(gè)組件的樣式，就可以在使用該組件的團(tuán)隊(duì)中的所有文件中選擇是否同時(shí)更新。

有的同學(xué)可能會(huì)問：啊，這不是一模一樣嗎？

不同的是Figma的組件庫是同步的、實(shí)時(shí)的、由所有員工更新的。這意味著團(tuán)隊(duì)每個(gè)成員與組件庫的交互更加快捷高效，并且組件庫可以更新到所有成員、所有文件。不需要 10 個(gè)人和 10 個(gè)不同的組件版本。

4、吸引團(tuán)隊(duì)用戶的核心競爭力——團(tuán)隊(duì)協(xié)作

Figma的核心競爭力是團(tuán)隊(duì)合作。這也是Figma能夠頂住贏者通吃的趨勢，從自己手里搶到一塊市場的關(guān)鍵。

它允許實(shí)時(shí)協(xié)作。多個(gè)設(shè)計(jì)師可以同時(shí)處理同一個(gè)設(shè)計(jì)文件。他們不再需要擔(dān)心您進(jìn)行更改并在進(jìn)行第二次更改之前保存它們。它還允許您對(duì)哪些地方迫切需要修改以及哪些地方優(yōu)先級(jí)更高進(jìn)行評(píng)論和留言。低，或者如果你剛好下班不久，有地方可以記錄，這個(gè)功能絕對(duì)是殺手锏。

5.恢復(fù)歷史版本

不知道你有沒有經(jīng)歷過。對(duì)文件進(jìn)行突然更改后sketch有windows版嗎，您眼疾手快地按下 ?+S 和 ?+Q，然后在完成工作后拿起之前的版本。雖然這是小概率事件，但一旦發(fā)生，就只能淚流滿面地修改了。

Figma 在這一點(diǎn)上做得非常好sketch有windows版嗎，并且擁有良好的版本管理體驗(yàn)。

每個(gè)成員在 Figma 中所做的每一次修改都會(huì)自動(dòng)生成對(duì)應(yīng)的歷史版本。即使有些會(huì)員誤修改或刪除了某些內(nèi)容，仍有機(jī)會(huì)一鍵保存。

FIgma 當(dāng)前的一些問題

但 Figma 目前存在一些可能讓新人“望而卻步”的問題：

1. 沒有中文

我覺得作為一名設(shè)計(jì)師，認(rèn)識(shí)幾個(gè)英文單詞并不難。新手只要使用軟件幾天，邊用邊查字典，F(xiàn)igma 的單詞量就不是問題了。

2.整個(gè)過程需要網(wǎng)絡(luò)連接

這也是Figma在線工具的特點(diǎn)決定的。在沒有網(wǎng)絡(luò)的特殊情況下，可以先用它來完成工作，然后將文件導(dǎo)入figma。幾乎所有圖層、蒙版、圖片和矢量都可以保留。

3.網(wǎng)絡(luò)不是特別穩(wěn)定

由于figma服務(wù)器在海外，直接連接國內(nèi)網(wǎng)絡(luò)不穩(wěn)定。如果想要快速穩(wěn)定的網(wǎng)絡(luò)接入，對(duì)于大部分時(shí)間都在墻上向外張望的設(shè)計(jì)師來說，找一個(gè)梯子并不是什么難事。

4.插件及資源生態(tài)不夠完善

相比之下，F(xiàn)igma 顯然還屬于初級(jí)，所以插件生態(tài)系統(tǒng)還顯得單薄，也不是特別完整。不過Figma本身的功能已經(jīng)非常齊全和強(qiáng)大了，日常工作基本可以滿足。

這些問題有的只要努力就根本不是問題，有的很容易解決，有的則需要時(shí)間的積累，但這并不妨礙現(xiàn)在的 Figma 在一定程度上成為一個(gè)可以被替代的軟件。

/XD/Figma 如何選擇

1. 用戶

如果使用的話，那么目前可以用來進(jìn)行UI設(shè)計(jì)的軟件就只有XD和Figma這兩個(gè)了。

XD將于今年10月開始收費(fèi)。當(dāng)然，它并不是功能齊全，但“保存到本地”功能確實(shí)需要收費(fèi)，否則只能存儲(chǔ)在只有2G容量的云端，體驗(yàn)比Figma差。

所以10月之前你還可以用XD，但是10月之后，如果你不想花錢，就只有Figma了。如果你想熟悉它，最好盡快進(jìn)行。

2.Mac用戶

依然是國內(nèi)UI設(shè)計(jì)工具之王。如果你個(gè)人使用，沒有團(tuán)隊(duì)協(xié)作的需求，我還是推薦它。但一旦涉及兩個(gè)或（特別是）兩人以上的中小型團(tuán)隊(duì)，F(xiàn)igma獨(dú)特的團(tuán)隊(duì)協(xié)作優(yōu)勢就會(huì)展現(xiàn)得淋漓盡致。

另一種情況是，你想找工作，需要組織或重新設(shè)計(jì)項(xiàng)目，那么在 Figma 中完成會(huì)是更好的選擇。帶上iPad就可以讓面試官看到項(xiàng)目源文件，隨時(shí)給你加分。

當(dāng)然，前提是你最好能翻墻。

結(jié)束

之前看到一篇文章說，設(shè)計(jì)長期以來就像一座封閉的島嶼，受限于專業(yè)設(shè)計(jì)工具的本地存儲(chǔ)形式。不僅設(shè)計(jì)師與上下游對(duì)接困難，內(nèi)部溝通效率也不容樂觀。我們將視覺草稿交給客戶，開發(fā)人員標(biāo)記和剪切圖紙，將源文件交給設(shè)計(jì)師同事。設(shè)計(jì)任務(wù)的輸出變得非常繁瑣和瑣碎。

現(xiàn)在，F(xiàn)igma 將這些島嶼連接在一起。開發(fā)人員可以直接查看對(duì)象屬性甚至代碼，設(shè)計(jì)人員可以查看調(diào)用組件庫、規(guī)范、原型和視覺草稿。所有這些只需要一個(gè)共享鏈接。

所以當(dāng)我說 Figma 是面向未來的設(shè)計(jì)工具時(shí)，一點(diǎn)也??不夸張。

最后，如果你想嘗試Figma，有/XD基礎(chǔ)知識(shí)的同學(xué)只需要花一天時(shí)間熟悉Figma的操作和快捷鍵，就可以無縫切換。幾乎沒有學(xué)習(xí)成本?；蛘呷绻銓?shí)在不想自己探索，也可以按照我在Tiger Class中錄制的Figma教程進(jìn)行操作。過一關(guān)就可以學(xué)會(huì)，而且并不難。

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