路旁的中國(guó)電信公共電話廳

這是位于杭州市蕭山區(qū)建設(shè)一路的一個(gè)公用電話廳，平時(shí)走路也沒(méi)有留意到這些老東西，直到這天晚上遛彎我注意到上面的小廣告。

我很好奇電話還能不能用，拿起來(lái)，話筒里還有忙音，還能工作。想想大學(xué)的時(shí)候，買(mǎi)的多少 ip 卡，有一大盒子不止，路旁電話亭對(duì)于我們這種沒(méi)有手機(jī)的人來(lái)說(shuō)真是太方便了。而如今，移動(dòng)電話變成必需品，這些固定的移動(dòng)電話廳，失去了本來(lái)的意義，只是沒(méi)想到中國(guó)電信還沒(méi)有拆掉。聽(tīng)朋友說(shuō)，有些地方把固定的電話亭改成了 WiFi 熱點(diǎn)——倒也是個(gè)不錯(cuò)的改造方案。

這讓我加深了如今社會(huì)全面轉(zhuǎn)向移動(dòng)化勢(shì)不可擋趨勢(shì)的印象。在互聯(lián)網(wǎng)領(lǐng)域，從單機(jī)走向聯(lián)網(wǎng)早已不可阻擋，今天從兩種作圖工具—— Sketch 和 Figma 的不同形態(tài)、定位來(lái)分析“移動(dòng)、云端”的力量。

本文是對(duì)Why Figma Wins一文的翻譯概括和評(píng)論。本文中“我”都是指【原作者】

公司的成長(zhǎng)是某種循環(huán)的序列，一些長(zhǎng)期成功的公司往往能不斷的尋找到自身成長(zhǎng)的下一個(gè)循環(huán)。然而，相對(duì)于這些循環(huán)帶給公司發(fā)展軌跡的影響，人們對(duì)這種循環(huán)演變本事知之甚少。Figima 就是這樣一個(gè)不斷循環(huán)發(fā)展的例子，人們普遍認(rèn)為他是成功的，但是它成功的關(guān)鍵原因和他們做了哪些決策使得他們能夠進(jìn)入下一次循環(huán)，卻少有人知。

階段1

階段2

Figma 的核心理念是設(shè)計(jì)不僅僅局限于設(shè)計(jì)師。 設(shè)計(jì)是設(shè)計(jì)師關(guān)于如何構(gòu)建業(yè)務(wù)，而和項(xiàng)目經(jīng)理們之間的對(duì)話，根據(jù)他們的反饋?zhàn)龀龅脑汀igma 提供了大量的規(guī)范和素材，讓工程師們實(shí)現(xiàn)變的容易。這個(gè)流程讓設(shè)計(jì)師在公司在做出核心決策時(shí)能夠參與其中。

在設(shè)計(jì)過(guò)程中，為所有人設(shè)計(jì)（而不僅僅是設(shè)計(jì)師）是 Figma 核心循環(huán)的基礎(chǔ)，它驅(qū)動(dòng)了 Figma 的成長(zhǎng)和規(guī)模復(fù)合式增長(zhǎng)。它的網(wǎng)絡(luò)效應(yīng)得益于 Figma 早期的一些決策，比方說(shuō)：

• 瀏覽器優(yōu)先，不僅僅是把數(shù)據(jù)存在云端
• 新技術(shù)的引用。Figma 很早引入了 WebGL 和 CRDTs 技術(shù)，讓瀏覽器的體驗(yàn)媲美客戶端應(yīng)用（如 sketch ）
• 專(zhuān)注矢量圖形、數(shù)字產(chǎn)品設(shè)計(jì)

譯者注：

1. WebGL，（Web圖形庫(kù)）是一個(gè)JavaScript API，可在任何兼容的Web瀏覽器中渲染高性能的交互式3D和2D圖形，而無(wú)需使用插件。這些 API 可以利用用戶設(shè)備提供的硬件圖形加速。提高瀏覽器里操作圖形的流暢度。
2. CRDTs。conflict-free replicated data type (CRDT) 是來(lái)自分布式計(jì)算領(lǐng)域的概念，F(xiàn)igma 用它來(lái)解決多人協(xié)作編輯同一個(gè)文檔時(shí)如何處理沖突、和同步數(shù)據(jù)的問(wèn)題。目前在線編輯文檔常用的算法-Operational Transformation 算法是其中一個(gè)變種。我使用在線文檔里，在飛書(shū)遇到過(guò)別人把我的編輯沖突的情況，在線文檔編輯還是很難的。

Figma 的復(fù)合式增長(zhǎng)不僅僅得益于產(chǎn)品市場(chǎng)的增長(zhǎng)，發(fā)行渠道和產(chǎn)品對(duì)齊也是重要的驅(qū)動(dòng)力。如果 Figma 僅僅在公司的內(nèi)部流行和傳播，那也不會(huì)如此成功。為了突破增長(zhǎng)天花板， Figma 在整個(gè)生態(tài)系統(tǒng)上建立一個(gè)全球的網(wǎng)絡(luò)效應(yīng)。隨著 Figma 的流行，對(duì)很多新用戶而言，它的價(jià)值在成倍增長(zhǎng)。
Figma 押注于把自身打造成為一個(gè)平臺(tái)——圍繞著社區(qū)和插件系統(tǒng)。雖說(shuō)現(xiàn)在剛剛起步，但它的效果已經(jīng)依稀可見(jiàn)。

許多的公司處于這樣一個(gè)拐點(diǎn)——他們發(fā)現(xiàn)自己的核心產(chǎn)品是成功的，同時(shí)還在嘗試把產(chǎn)品價(jià)值推動(dòng)到下一個(gè)階段和規(guī)模。從如何在公司的核心業(yè)務(wù)和未來(lái)潛在的擴(kuò)張之間進(jìn)行資源配置到如何構(gòu)建平臺(tái)加速公司增長(zhǎng)，在劇本被很好理解之前，它更像是個(gè)藝術(shù)而非科學(xué)（From how to shift the allocation of resources between a company’s core business and its potential future expansions to how to structure a platform to catalyze its growth and more. Until the playbook is well understood, it is more art than science.）。
這里有許多決策要做，包括那些層面要中心化控制；生態(tài)系統(tǒng)應(yīng)該由開(kāi)源的貢獻(xiàn)者或者逐利的企業(yè)來(lái)推動(dòng)；如何控制生態(tài)系統(tǒng)的增長(zhǎng)范圍以及那些東西的禁止實(shí)施的等。

協(xié)作的范圍

當(dāng) Figma 第一次發(fā)布的時(shí)候，它的主要價(jià)值體現(xiàn)在如何讓設(shè)計(jì)可以協(xié)同。通過(guò)瀏覽器，設(shè)計(jì)師可以在相同的工程里做設(shè)計(jì)，甚至于對(duì)同一個(gè)設(shè)計(jì)稿同時(shí)編輯，這就很強(qiáng)大了。

在 2014 年，我作為 Greylock 工作人員參與對(duì) Figma 的投資，我曾經(jīng)和處于創(chuàng)業(yè)起步階段的設(shè)計(jì)師們坐在一起，觀察他們的工作。在他們的屏幕右上角，一直有個(gè)不停 loading 的 Dropbox 通知在閃啊閃。因?yàn)樵O(shè)計(jì)團(tuán)隊(duì)把所有的文件都放在了如 Dropbox 這樣的共享文件夾里，每次有一個(gè)同事修改了文件，其他人都會(huì)收到一個(gè)通知，通過(guò)復(fù)雜的命名約定來(lái)確保人們使用的是正確的版本。

Figma 解決了這個(gè)問(wèn)題，在 Figma 里的設(shè)計(jì)稿不僅僅存儲(chǔ)在云端，而且還可以在云端編輯，這意味著 Figma 的用戶始終在相同的設(shè)計(jì)稿上工作。使用 Dropbox 并不能做到這點(diǎn)——他僅僅是把視覺(jué)稿保存在云端。使用 Dropbox 的方式，任何時(shí)候，一個(gè)用戶編輯一個(gè)設(shè)計(jì)稿，實(shí)際上他們是在一個(gè)復(fù)制的視覺(jué)稿上做修改，這就是為何兩個(gè)用戶同時(shí)去修改一個(gè)視覺(jué)稿會(huì)產(chǎn)生沖突的原因。在 Figma 里編輯設(shè)計(jì)稿，你不會(huì)遇到?jīng)_突。取而代之，F(xiàn)igma 用版本號(hào)來(lái)標(biāo)示每一次修改。再也沒(méi)有必要遵循特定的復(fù)雜的文件命名，如 profile_design_v23_final_draft2。更進(jìn)一步，設(shè)計(jì)師可以直接在 Figma 的設(shè)計(jì)稿上發(fā)評(píng)論——在之前，通常需要通過(guò)發(fā)郵件來(lái)收集這些反饋。

兩種工作流

我一度很疑惑為何 Figma 團(tuán)隊(duì)一直堅(jiān)持要做瀏覽器優(yōu)先，它和云端優(yōu)先的區(qū)別是什么呢？隨著時(shí)間的推移，我逐漸認(rèn)識(shí)到這一區(qū)別的重要性。當(dāng)許多有創(chuàng)意的工具公司談到云時(shí)，他們似乎把它看作是用來(lái)存儲(chǔ)文件無(wú)定形的地方，而最基礎(chǔ)的用戶創(chuàng)作體驗(yàn)卻是在一個(gè)獨(dú)立的桌面 App 上完成的。Figma 是瀏覽器優(yōu)先，他們率先使用最新的 web 技術(shù)，如 WebGL，Operational Transforms 和CRDTs，使得在云端編輯的也有很好的使用體驗(yàn)。

從用戶視角，在和別人協(xié)作時(shí)，再也沒(méi)有文件和同步的概念，非常方便。用 Figma，實(shí)際的設(shè)計(jì)稿編輯體驗(yàn)都在網(wǎng)絡(luò)上完成。甚至到今天，有些競(jìng)爭(zhēng)對(duì)手談到云時(shí)，依然還在爭(zhēng)論要把多少功能遷移到互聯(lián)網(wǎng)。正確答案是：所有的功能。

設(shè)計(jì)師們喜歡 Figma，是他們推動(dòng)了最初 Figma 的流行。Figma 的特色功能，諸如團(tuán)隊(duì)庫(kù)，讓這批用戶把更多團(tuán)隊(duì)里的設(shè)計(jì)師拉進(jìn) Figma 用戶大軍里。但是設(shè)計(jì)師對(duì) Figma 的熱愛(ài)（它確實(shí)是成功的先決條件），并不能完全概括 Figma 如此吸引人的根源。Figma 在為設(shè)計(jì)師創(chuàng)造理想工具的同時(shí)，他們也創(chuàng)造了很多更重要的事情——把非設(shè)計(jì)師也納入設(shè)計(jì)流程。

協(xié)作的進(jìn)步

做設(shè)計(jì)工具，但不僅僅為設(shè)計(jì)師而做

當(dāng) Figma 在創(chuàng)造更好的設(shè)計(jì)工具的同時(shí)，他們?yōu)g覽器優(yōu)先的方法對(duì)非設(shè)計(jì)師產(chǎn)生更激進(jìn)和重要的影響。我們常常忘記了，我們?cè)诠ぷ魇褂霉ぞ叩哪康?，并不是提高個(gè)人的生產(chǎn)效率，而是整個(gè)團(tuán)隊(duì)的效率，很多公司常常忘記這一點(diǎn)。
最好的個(gè)人工具也許是最好的團(tuán)隊(duì)工具，但是后者更重要。除了提高個(gè)人生產(chǎn)力之外，團(tuán)隊(duì)方面也越來(lái)越重要。文字處理是一個(gè)很好的例子，圍繞著個(gè)人習(xí)慣的設(shè)置，如排版，曾經(jīng)有很多的實(shí)驗(yàn)方案和定制化，然后到個(gè)人習(xí)慣設(shè)置足夠好之后，關(guān)注點(diǎn)轉(zhuǎn)移到協(xié)作?，F(xiàn)如今，在大多數(shù)情況下，很少人會(huì)在乎排版，而我們的工具必須能夠理解，和其他人協(xié)作方式保持一致，越來(lái)越重要。人們的工作很少單打獨(dú)斗了——所以使用的工具也必須能夠反映這一點(diǎn)。

最好的設(shè)計(jì)工具可以多人協(xié)作——這是以前無(wú)法想象的。

歷史上，讓非設(shè)計(jì)師參與到設(shè)計(jì)過(guò)程是非常困難的。如果項(xiàng)目經(jīng)理、工程師、甚至是 CEO 想?yún)⑴c進(jìn)來(lái)，在流程上有很多阻力。如果他們想要整個(gè)設(shè)計(jì)稿，設(shè)計(jì)師不得不發(fā)送當(dāng)前文件。然后對(duì)方需要先下載下來(lái)，還需要對(duì)方的電腦上安裝了合適版本的 Adobe 或者 sketch，這些工具對(duì)于那些不經(jīng)常使用的人來(lái)說(shuō)購(gòu)買(mǎi)太貴。 并且這些工具都很大、運(yùn)行緩慢、學(xué)習(xí)曲線陡峭。沒(méi)有設(shè)計(jì)師的指導(dǎo)，很難去查看整個(gè)工程。對(duì)此的評(píng)論還需要借助 email 來(lái)反饋。更糟糕的情況是，如果設(shè)計(jì)師修改了視覺(jué)稿，接收者之前拿到文件其實(shí)是過(guò)期的——查看的人并不知道有更新。
整個(gè)過(guò)程中的設(shè)計(jì)師的體驗(yàn)同樣很糟糕，假設(shè)他們希望 PM 和工程師能夠給一些反饋，需要設(shè)計(jì)師的輔助來(lái)完成。設(shè)計(jì)師不得不把視覺(jué)稿導(dǎo)出為圖片，發(fā)送截圖，之后需要把其他人的反饋修改到設(shè)計(jì)稿里。這個(gè)反饋循環(huán)運(yùn)行的太慢，以至于往往阻塞在等待別人的反饋上面。

當(dāng)然在實(shí)際場(chǎng)景里，大部分時(shí)間里非設(shè)計(jì)師在設(shè)計(jì)過(guò)程中，參與的程度遠(yuǎn)遠(yuǎn)不及設(shè)計(jì)師。評(píng)審視覺(jué)稿的痛苦并不是這個(gè)過(guò)程里最主要的問(wèn)題，因?yàn)檎麄€(gè)過(guò)程中太多的摩擦，往往不會(huì)有評(píng)審視覺(jué)稿的環(huán)節(jié)。

Figma 解決了上述的所有問(wèn)題。

用 Figma 分享視覺(jué)稿只需要發(fā)送一個(gè)鏈接。任何人都可以直接在瀏覽器中打開(kāi)它。這就像去一個(gè)網(wǎng)站一樣簡(jiǎn)單，因?yàn)樗鼘?shí)際上就是去一個(gè)網(wǎng)站。一旦他們有了鏈接，非設(shè)計(jì)師總是獲取到最新的視覺(jué)稿。他們可以直接在視覺(jué)稿中進(jìn)行評(píng)論，而不會(huì)干擾設(shè)計(jì)師的流程。通過(guò)協(xié)作編輯，他們可以在會(huì)議中討論變化，并實(shí)時(shí)觀看這些變化的實(shí)現(xiàn)。

這些技術(shù)變革導(dǎo)致引發(fā)了一個(gè)更重要的社會(huì)規(guī)范的轉(zhuǎn)換。Figma 讓非設(shè)計(jì)師盡早的參與設(shè)計(jì)過(guò)程，并且全程參與。Figma 讓公司意識(shí)到非設(shè)計(jì)師應(yīng)該也可以更多地參與到設(shè)計(jì)過(guò)程中來(lái)，而其他設(shè)計(jì)工具居然完全沒(méi)有考慮到非設(shè)計(jì)師使用設(shè)計(jì)工具的體驗(yàn)，這是多么瘋狂的事情啊？

更緊密的反饋

Figma 拉近了設(shè)計(jì)師和非設(shè)計(jì)師之間的距離，更對(duì)團(tuán)隊(duì)交流規(guī)范產(chǎn)生了重要的影響。歷史上，常常在設(shè)計(jì)介入的時(shí)候，因?yàn)樵O(shè)計(jì)過(guò)程中的各種阻力，很多的業(yè)務(wù)決定已經(jīng)做出了。反過(guò)來(lái)說(shuō)，一旦設(shè)計(jì)完成，非設(shè)計(jì)師對(duì)設(shè)計(jì)的影響也非常的有限。
更緊密的反饋循環(huán)在過(guò)程中引入非線性的反饋。設(shè)計(jì)草稿可以和產(chǎn)品一起進(jìn)行，設(shè)計(jì)和產(chǎn)品之間的雙向反饋貫穿始終。設(shè)計(jì)中用到的素材提前和開(kāi)發(fā)溝通好，在交付視覺(jué)稿時(shí)無(wú)縫銜接，避免失真，迭代溝通更方便。

協(xié)作方式的差異

設(shè)計(jì)師可以從團(tuán)隊(duì)里的 PM 和工程師里持續(xù)獲取反饋。有些人對(duì)于非設(shè)計(jì)師過(guò)于深入到設(shè)計(jì)過(guò)程而感到很敏感、不安，但這和設(shè)計(jì)師從中獲取到的好處相比，這個(gè)代價(jià)微不足道。

把非設(shè)計(jì)人員納入到設(shè)計(jì)過(guò)程，讓設(shè)計(jì)師在產(chǎn)品和商業(yè)決策中擁有了話語(yǔ)權(quán)。

歷史上，設(shè)計(jì)在整個(gè)商業(yè)活動(dòng)中常常隱形，因?yàn)樵O(shè)計(jì)想做的對(duì)其他人清晰可見(jiàn)，在邏輯和技術(shù)上存在困難。但是隨著這些困難被像 Figma 這樣的公司慢慢解決之后，我們看到越來(lái)越多的公司把設(shè)計(jì)作為整個(gè)公司決策流程中的重要一環(huán)。這并沒(méi)有大驚小怪的，因?yàn)樵谶^(guò)去的幾十年里，我們已經(jīng)在工程領(lǐng)域看到了同樣的趨勢(shì)已經(jīng)發(fā)生。

增長(zhǎng)的方式

目前 Figma 取得的成功很大的原因是它可以在各個(gè)公司之間快速傳播，一個(gè)公司越多的人使用，它的價(jià)值就越大，最后形成公司內(nèi)部統(tǒng)一的規(guī)范。
Figma 很快意識(shí)到在公司里做設(shè)計(jì)最大的限制不是像素而是人。很多 Figma 的競(jìng)爭(zhēng)者對(duì)設(shè)計(jì)師而言是偉大的工具，但也只限于與此。相比之下， Figma 是一個(gè)團(tuán)隊(duì)的設(shè)計(jì)工具，不僅僅是設(shè)計(jì)師一個(gè)人的工具。

通過(guò)把設(shè)計(jì)師和非設(shè)計(jì)師都帶入到 Figma 的工作流里，他們創(chuàng)造了一種跨界的網(wǎng)絡(luò)響應(yīng)。
在直接的網(wǎng)絡(luò)效應(yīng)里，越多的人參與到組內(nèi)，組內(nèi)的其他人得到的價(jià)值就越大。相反，如果是跨界的網(wǎng)絡(luò)效應(yīng)會(huì)牽扯到兩個(gè)（或者更多）不同的組織，他們?cè)谝?guī)模和價(jià)值方面都同步的增長(zhǎng)。
Figma在設(shè)計(jì)師和非設(shè)計(jì)師之間的跨界網(wǎng)絡(luò)效應(yīng)是他們過(guò)去幾年來(lái)復(fù)合式成功的主要和被低估的原因之一。

著越來(lái)越多的設(shè)計(jì)師使用 Figma，他們會(huì)吸引與他們一起工作的非設(shè)計(jì)師。同樣，當(dāng)這些非設(shè)計(jì)師使用 Figma 時(shí)，他們會(huì)鼓勵(lì)與他們一起工作的其他設(shè)計(jì)師使用 Figma。這是一個(gè)良性循環(huán)，一個(gè)強(qiáng)大的復(fù)合式增長(zhǎng)循環(huán)。

跨界的網(wǎng)絡(luò)效應(yīng)

跨界的網(wǎng)絡(luò)效應(yīng)沒(méi)直接的網(wǎng)絡(luò)效應(yīng)那么顯眼，一部分原因是我們描述網(wǎng)絡(luò)效應(yīng)的詞匯缺乏張力，但主要是因?yàn)樗麄兺ǔ１徽J(rèn)為是專(zhuān)門(mén)針對(duì)市場(chǎng)的。跨界的網(wǎng)絡(luò)效應(yīng)在市場(chǎng)里很常見(jiàn)，但并不是只存在于市場(chǎng)。供給和需求是最著名的跨端網(wǎng)絡(luò)效應(yīng)，但不是唯一的來(lái)源。
Figma 早期的直接網(wǎng)絡(luò)效應(yīng)幫助他獲得早期的用戶設(shè)計(jì)師，但是對(duì)于 Figma 快速擴(kuò)張卻有一些很固有的缺陷。一個(gè)設(shè)計(jì)師直接接觸的設(shè)計(jì)師是有限的、不容易變化，雖然可以通過(guò)口播和社交引用上觸達(dá)很多其他設(shè)計(jì)師，但是這種方式有自己的天花板。

Figma 的跨界網(wǎng)絡(luò)效應(yīng)提供了一個(gè)額外的方式。使用 Figma 的設(shè)計(jì)師與工程師和項(xiàng)目經(jīng)理分享他們的設(shè)計(jì)，并向他們介紹 Figma。當(dāng)這些非設(shè)計(jì)師學(xué)習(xí)認(rèn)可 Figma 后，他們就會(huì)把它傳播給其他從事不同項(xiàng)目的設(shè)計(jì)師團(tuán)隊(duì)。這些跨界網(wǎng)絡(luò)效應(yīng)跨越團(tuán)隊(duì)，幫助 Figma 在整個(gè)組織中廣泛采用。

跨界

這影響了公司的財(cái)務(wù)和采購(gòu)決策。因?yàn)橐粋€(gè)新的設(shè)計(jì)工具為設(shè)計(jì)師提供了新的功能而花錢(qián)購(gòu)買(mǎi)它，可能不會(huì)被優(yōu)先得到支持。但如果產(chǎn)品經(jīng)理，工程師，甚至是CEO自己都認(rèn)為這對(duì)整個(gè)企業(yè)很重要，那么它就有更高的優(yōu)先權(quán)，被認(rèn)為買(mǎi)的物超所值。

產(chǎn)品分發(fā)的分布

Figma 的網(wǎng)絡(luò)效應(yīng)推進(jìn)了 Figma 的快速成長(zhǎng)。就像播種種子， Figma 能從一個(gè)很小公司的個(gè)別人開(kāi)始使用，每個(gè)人都能引起整個(gè)公司的快速擴(kuò)張，最后被廣泛使用。一旦 Figma 被一些設(shè)計(jì)師采用，他們跨部門(mén)的所有同事就會(huì)接觸到這個(gè)產(chǎn)品。一旦他們被它的協(xié)作特性吸引，他們鼓勵(lì)在其他團(tuán)隊(duì)和項(xiàng)目中也采用它，等等。
這正是 Figma 能得以復(fù)合式增長(zhǎng)的秘訣。

Figma 產(chǎn)品的核心正是它分發(fā)渠道的核心。這是非常稀有和強(qiáng)大的競(jìng)爭(zhēng)力，真正產(chǎn)品和核心分發(fā)網(wǎng)絡(luò)的一致性，催化外部人員爆發(fā)式復(fù)合增長(zhǎng)。

像這一代公司中的許多同行一樣，F(xiàn)igma 制定了兩步銷(xiāo)售計(jì)劃：落地和擴(kuò)展。自底向上的以產(chǎn)品驅(qū)動(dòng)落地，當(dāng)產(chǎn)品習(xí)慣一旦轉(zhuǎn)移為 Figma，開(kāi)始自頂向下的銷(xiāo)售。為此，企業(yè)需要準(zhǔn)備一堆的產(chǎn)品亮點(diǎn)，建立起強(qiáng)大的銷(xiāo)售機(jī)器等等。 在過(guò)去的許多年， Figma 已經(jīng)初見(jiàn)成效，但依然還有很多工作需要他們?nèi)プ觥?/p>

銷(xiāo)售循環(huán)

這是一種新型的企業(yè)，集合了產(chǎn)品驅(qū)動(dòng)、消費(fèi)者增長(zhǎng)驅(qū)動(dòng)、銷(xiāo)售驅(qū)動(dòng)型的混合體。我們依然不知道如何去仿照它的組織結(jié)構(gòu)、GTM motion、定價(jià)模型來(lái)適配自己的公司。就像之前的 SaaS 一樣，這種自頂下下或者自底向上的模式需要花很多年從藝術(shù)變成成熟的科學(xué)技術(shù)使用。雖然 Figma 已經(jīng)做了重要的工作讓他們的傳統(tǒng)企業(yè)的銷(xiāo)售過(guò)程變的更加穩(wěn)固，但如果他們僅僅停留在重新創(chuàng)造了傳統(tǒng)企業(yè)的銷(xiāo)售過(guò)程，難免令人失望。從業(yè)者們也逐漸明白：這些銷(xiāo)售循環(huán)可以像增長(zhǎng)循環(huán)一樣被理解。通過(guò)產(chǎn)品、運(yùn)維、也有許多方法可顯著提高銷(xiāo)售速度和加快規(guī)模增長(zhǎng)。Figma 真是處于最前沿的公司之一。如果要寫(xiě)這個(gè)新興領(lǐng)域的現(xiàn)狀，還需要一系列的文章講的明白。

建立生態(tài)系統(tǒng)

Figma 的下半場(chǎng)在哪？
現(xiàn)在的產(chǎn)品總有需要改進(jìn)的地方，但不能一直對(duì)它更新，是時(shí)候考慮下，F(xiàn)igma下一步成長(zhǎng)循環(huán)增長(zhǎng)點(diǎn)在哪里？

成長(zhǎng)循環(huán)

競(jìng)爭(zhēng)格局日漸白熱化，競(jìng)爭(zhēng)對(duì)手開(kāi)始抄襲并蠶食 Figma 的核心優(yōu)勢(shì)。當(dāng)這些競(jìng)爭(zhēng)者慢慢進(jìn)入到 Figma 的領(lǐng)域后，F(xiàn)igma 感受到了壓力迫使他們繼續(xù)向前。例如，Sketch，它已經(jīng)把自己的定價(jià)模型改為訂閱制，面向團(tuán)隊(duì)協(xié)作，并聚焦于把越來(lái)越多的產(chǎn)品移動(dòng)到 Sketch Cloud 里。去年，他們接受 Benchmark 一筆融資，在此之前，他們一直自力更生養(yǎng)活自己。這筆資金支持 Sketch 沿著 Figma 的方向緊追慢趕，特別是讓 Sketch 可以在瀏覽器里運(yùn)行和團(tuán)隊(duì)協(xié)作。
Adobe 也有類(lèi)似的舉動(dòng)，Photoshop和 Illustrator 雖然功能強(qiáng)大，使用廣泛，但并不是數(shù)字產(chǎn)品設(shè)計(jì)師的專(zhuān)門(mén)產(chǎn)品。在 2019 年，他們已經(jīng)發(fā)布了 Adobe XD 作為 Figma 和 Sketch 的對(duì)標(biāo)產(chǎn)品。

全球網(wǎng)絡(luò)效應(yīng)

通過(guò)跨界的網(wǎng)絡(luò)效應(yīng)，使得 Figma 在公司內(nèi)部快速傳播，但是如何傳播到其他公司呢？
看 Figma 的增長(zhǎng)率，它確實(shí)是在增長(zhǎng)，但少了些復(fù)合的增長(zhǎng)趨勢(shì)。許多人是跨公司工作，尤其是一些代理商，會(huì)傳播 Figma 給他們的客戶。類(lèi)似的，當(dāng)這些人離職進(jìn)入到下一家新公司時(shí)，他們也將 Figma 帶入到新公司。當(dāng)然口碑也對(duì)它的傳播起很大的幫助。
感謝 Figma 的努力工作，對(duì)于那些已經(jīng)在使用 Figma 的公司而言，新注冊(cè)一個(gè)賬號(hào)的價(jià)值要高的多，相比公司里沒(méi)有人用 Figma 而言。因?yàn)橐呀?jīng)有很多同事在使用它來(lái)協(xié)作了。每個(gè)公司都有一些特有的視覺(jué)素材和設(shè)計(jì)庫(kù)，這些組件可以在各個(gè)同事之前復(fù)用。

Figma 的挑戰(zhàn)不僅僅在于在公司內(nèi)部創(chuàng)建本地網(wǎng)絡(luò)效應(yīng)，還需要?jiǎng)?chuàng)建全球網(wǎng)絡(luò)效應(yīng)，使其伴隨著 Figma 自身規(guī)模增加同時(shí)，帶給所有用戶更多的價(jià)值。他們有很多方法來(lái)擴(kuò)展他們的規(guī)模，但本文只關(guān)注他們已經(jīng)采取的方式。
在 2019年， Figma 為跨公司之間的生態(tài)系統(tǒng)成長(zhǎng)，種下了種子。隨著他們?nèi)ツ?月發(fā)布的 Figma 插件和最近發(fā)布的社區(qū)，他們開(kāi)始把推動(dòng)跨公司協(xié)作和生產(chǎn)力提升作為最優(yōu)先的任務(wù)。

提升社區(qū)的創(chuàng)意能力

允許用戶和公司公開(kāi)的分享他們的設(shè)計(jì)，使社區(qū)進(jìn)一步推動(dòng)網(wǎng)絡(luò)效應(yīng)的發(fā)展。歷史上也有一些網(wǎng)站可以分享設(shè)計(jì)作品，比方說(shuō) Dribbble，它的問(wèn)題是，大部分分享的視覺(jué)稿導(dǎo)出的圖片。對(duì)其他人來(lái)說(shuō)，很難看到整個(gè)設(shè)計(jì)全貌，包括圖層、內(nèi)部使用的組件等。即使是你分享了設(shè)計(jì)稿的源文件，解決用什么工具打開(kāi)它和解決文件的依賴也不是小事。
通過(guò) Figma 分享設(shè)計(jì)稿解決了這些麻煩的事情，任何人能立即打開(kāi)文件，并且立刻在自己的工程里引入此文件。這使得用戶也可以毫無(wú)障礙地成為創(chuàng)造者，而不僅僅是消費(fèi)者。

很多設(shè)計(jì)師通過(guò) Github 來(lái)分享他們的 UI Kit、組件庫(kù)和設(shè)計(jì)系統(tǒng)，他們的想法是對(duì)的，但是 Github 不是給設(shè)計(jì)稿做的。 fork 一個(gè)倉(cāng)庫(kù)對(duì)工程師很簡(jiǎn)單，但對(duì)設(shè)計(jì)師卻不見(jiàn)得那么容易。在設(shè)計(jì)方面，Github 更類(lèi)似于一個(gè)用于下載文件的托管站點(diǎn)。如今在 Figma 社區(qū)在很多方面都繼承了 github 的哲學(xué)和目的，但始終考慮為設(shè)計(jì)師設(shè)計(jì)。復(fù)制一個(gè)共享視覺(jué)稿，一個(gè)副本會(huì)立即保存到您的工作空間中，并可以隨時(shí)編輯。

視覺(jué)稿的接收者不必等最終的視覺(jué)稿定稿，即可以查看設(shè)計(jì)素材底層應(yīng)用的組件，也可以看到圍繞設(shè)計(jì)稿所做的復(fù)雜交互和動(dòng)畫(huà)。一個(gè)很好的例子就是 Figma的設(shè)計(jì)總監(jiān) Noah Levin 分享的 Figma 的智能動(dòng)畫(huà)。通過(guò)與社區(qū)分享整個(gè)設(shè)計(jì)，其他人不僅可以看到動(dòng)畫(huà)，還可以直接使用和調(diào)整參數(shù)研究它。這使他們更容易學(xué)習(xí)如何使用智能動(dòng)畫(huà)，甚至只是復(fù)制部分Levin 的演示到他們的設(shè)計(jì)中。

插件的使命

我用 Figma 做過(guò)非常有趣的梗圖發(fā)給我的朋友。 Figma 很好，但是當(dāng)我開(kāi)始在文字后面加一些帶顏色的矩形圖案（當(dāng)然是圓角——我不是一個(gè)沒(méi)文化的人）使文字更易讀后，我變的煩躁起來(lái)——它是一系列很小但是需要死記硬背的煩人步驟。最近我發(fā)現(xiàn)插件 Substrate for Text
可以簡(jiǎn)化上述制作過(guò)程?，F(xiàn)在我只需要選中文字，激活插件，文字背景色立刻生成好了。這個(gè)插件的作者是個(gè)設(shè)計(jì)師，Andreslav Kozlov，他生活在俄羅斯。在世界的另一邊，Andreslav 也遇到了同樣的問(wèn)題，他寫(xiě)了一個(gè)插件來(lái)解決這個(gè)問(wèn)題，通過(guò)網(wǎng)絡(luò)分享給別人。
這是一個(gè)關(guān)于插件的使命的很小的例子。插件讓 Figma 變的可擴(kuò)展，讓設(shè)計(jì)師改進(jìn)他們的工作流，獲取新的能力，并且相互之前分享插件。

插件的能力

大部分插件簡(jiǎn)化任務(wù)是哪些重復(fù)的、讓人感到痛苦的任務(wù)。如今，一些公司創(chuàng)建了一些私有的插件滿足他們定制化的需求。例如，自動(dòng)生成暗黑模式的設(shè)計(jì)稿，抓取外部數(shù)據(jù)填充，或者檢測(cè)那些通用的設(shè)計(jì)錯(cuò)誤，或者自動(dòng)生成正確朝向的素材等等，這些插件提升了整個(gè)團(tuán)隊(duì)的生產(chǎn)力。
插件真正的力量是讓這些插件能夠跨整個(gè)生態(tài)系統(tǒng)公開(kāi)使用。插件是所有用戶集體的進(jìn)步（Plugins are collective progress available to all users）。無(wú)論你創(chuàng)建的插件 圖表, 自定義地圖, 給你的設(shè)計(jì)稿填充數(shù)據(jù), 加快給工程師交付, 或者 隨機(jī)水滴 等，插件提升了所有設(shè)計(jì)師的效率。譬如Figma Chat之類(lèi)的插件表明，通過(guò)為設(shè)計(jì)師提供一種全新的能力，F(xiàn)igma 還可以變的你完全不敢想象的樣子。

隨著公司的發(fā)展，持續(xù)為客戶提供一貫的價(jià)值增長(zhǎng)變的困難。隨著客戶增多，一個(gè)公司做的產(chǎn)品很難滿足所有獨(dú)立的用戶個(gè)例和需求。當(dāng)公司的業(yè)務(wù)擴(kuò)展到核心客戶之外，它們也必須越來(lái)越多地為不太理想的客戶提供服務(wù)。
插件幫助 Figma 減輕這種不協(xié)調(diào)。當(dāng)用戶變多時(shí)，插件也變多了，為新用戶提供更好的產(chǎn)品，并刺激創(chuàng)造更多的設(shè)計(jì)。

打造一個(gè)平臺(tái)

例如 Sketch 這樣的公司已經(jīng)展示了一個(gè)健壯的插件系統(tǒng)的重要性（當(dāng)然，Adobe 在他們之前就鼓勵(lì) Adobe 產(chǎn)品使用插件）。一個(gè)公司要想為每個(gè)用戶提供他們所需要的特性是不可能的。當(dāng)遇到的案例增長(zhǎng)、多樣性大于一個(gè)公司所能提供的時(shí)候，急需平臺(tái)的出現(xiàn)。Sketch 的插件帶給用戶的價(jià)值增長(zhǎng)大于 Sketch 自身發(fā)布新特性帶來(lái)的增長(zhǎng)。Figma 也專(zhuān)注提供最核心的特性，和用戶工作流相關(guān)的領(lǐng)域留給插件平臺(tái)去滿足。

核心功能和插件系統(tǒng)

在如何成為平臺(tái)上，大部分公司的理解都很低級(jí)。越來(lái)越多公司都觸達(dá)了創(chuàng)建平臺(tái)的臨界點(diǎn)，平臺(tái)是個(gè)優(yōu)先的任務(wù)，但是大部分又在各自重復(fù)造輪子。10年后，將會(huì)一些純粹的框架、指標(biāo)、支持性的生態(tài)系統(tǒng)來(lái)創(chuàng)建平臺(tái)，但現(xiàn)在很少。這是一種自然的規(guī)律，所有的業(yè)務(wù)模式都經(jīng)歷過(guò)成熟階段，例如過(guò)去十年的 SaaS 和訂閱的成長(zhǎng)。

因?yàn)槲覀內(nèi)鄙俟沧R(shí)的詞匯來(lái)描述創(chuàng)建平臺(tái)，所以對(duì)很多人來(lái)說(shuō)，很難理解不同公司采用的策略之間細(xì)微而又重要的差別。你可以很簡(jiǎn)單的假設(shè)所有插件系統(tǒng)都是一樣的，但這通常是不正確的。

Sketch： 個(gè)案分析

說(shuō)到 Sketch 的插件系統(tǒng)， 它的文檔很完整，插件的種類(lèi)也很全。但是插件不屬于 Sketch 產(chǎn)品的核心。用戶常常直接去 Github 的下載頁(yè)安裝插件，大部分是手動(dòng)下載、安裝。即使 Sketch 放在云端，但是它的插件確實(shí)本地文件。下載、安裝插件耗費(fèi)精力，當(dāng)在一個(gè)團(tuán)隊(duì)里確保所有人都使用相同的插件時(shí)，配置工作量更加膨脹。
因?yàn)椴寮?Sketch 內(nèi)不是一等公民，被排除在核心范圍之外，插件的管理是非常去中心化。插件可以注冊(cè)在 Sketch 的網(wǎng)站上，開(kāi)啟自動(dòng)更新，但是 Sketch 對(duì)它管理非常的寬松。沒(méi)有一個(gè)官方的來(lái)源展示一個(gè)插件的流行度，插件上線也不需要得到審核通過(guò)。取而代之，用戶依賴 Github 上的星標(biāo)數(shù)和第三方網(wǎng)站上的評(píng)論來(lái)判斷插件質(zhì)量。也沒(méi)有對(duì)導(dǎo)致性能或穩(wěn)定性問(wèn)題的插件的監(jiān)督。

這不應(yīng)該被誤認(rèn)為是批評(píng)。Sketch 插件的架構(gòu)的缺點(diǎn)在他們鼓勵(lì)一個(gè)健壯的圍繞 sketch 插件系統(tǒng)取得巨大的成功后才顯現(xiàn)出來(lái)。
平臺(tái)是最近涌現(xiàn)出來(lái)的生態(tài)系統(tǒng)，它更像是去創(chuàng)建一個(gè)消費(fèi)者的社交網(wǎng)絡(luò)，而不是傳統(tǒng)的企業(yè)銷(xiāo)售公司。這是構(gòu)建平臺(tái)的核心困境之一。他們是復(fù)雜的有機(jī)系統(tǒng)，需要精心培育。很難去提前預(yù)測(cè)說(shuō)平臺(tái)想哪個(gè)方向發(fā)展，能達(dá)到多大的規(guī)模。

Sketch 不能出錯(cuò)（Sketch cannot be faulted）。直到今天，我們依然不知道插件能做哪些、應(yīng)該做哪些功能。通過(guò)采取相對(duì)不干涉的方式，他們?cè)试S社區(qū)不受他們的干擾而繁榮發(fā)展。插件見(jiàn)證了 Sketch 的成功，也掙扎于 Sketch 的混亂。其它公司如 Figma 和 Adobe XD 對(duì)插件系統(tǒng)的重要性、潛力、杠桿能力越來(lái)越有信心。
但是 Sketch 不能出錯(cuò)，他們的很多選擇已經(jīng)阻礙圍繞 Sketch 構(gòu)建插件的發(fā)揮出全部的潛力，這一點(diǎn) Sketch 是知道的。他們重構(gòu)了整個(gè)插件系統(tǒng)，整個(gè)遷移到云端，這是向正確方向前進(jìn)的必要一步。

復(fù)雜的系統(tǒng)不能免除公司對(duì)其平臺(tái)的架構(gòu)、策略和規(guī)范做出明確選擇的責(zé)任。如果有這種需求，他們會(huì)放大它的重要性。當(dāng)生態(tài)系統(tǒng)出現(xiàn)在他們周?chē)臅r(shí)候，一些公司所做的結(jié)構(gòu)化的選擇稍作調(diào)整然后繼續(xù)向前。最終的平臺(tái)是面向哪個(gè)方向、何種規(guī)模取決于一些初始的條件，經(jīng)過(guò)一些物理函數(shù)的運(yùn)算。我們確定抽象條件，之后他們影響我們。

Figma： 奠定基礎(chǔ)

Figma 的插件剛剛起步，但是很有前途。系統(tǒng)內(nèi)置和瀏覽器優(yōu)先，當(dāng)你點(diǎn)擊安裝插件的時(shí)候，它立即就可用了。除了需要激活幾個(gè)權(quán)限，沒(méi)有多余安裝步驟，非常神奇。
像所有好的魔術(shù)一樣，讓安裝插件如此簡(jiǎn)單背后需要付出很多艱辛的工作。 Figma 的插件必須安全、高性能、穩(wěn)定。特別是為一個(gè)瀏覽器優(yōu)先的插件系統(tǒng)構(gòu)建時(shí)，上述原則更加重要。用戶應(yīng)該可以相信插件，不必?fù)?dān)心使用插件會(huì)讓他們暴露在安全風(fēng)險(xiǎn)下，或者影響到 Figma 的性能。開(kāi)發(fā)者和用戶都應(yīng)該相信他們使用的 API 不會(huì)突然過(guò)時(shí)或者壞掉了。

譯注：此處鞭尸 Sketch，每次 Sketch 升級(jí)都會(huì)導(dǎo)致一堆的插件失效，非常多插件作者不勝其煩，棄坑、停止更新【如 paddy，sketch measure】。更過(guò)分的是，舊版本的有些矢量圖在新版本里打開(kāi)是錯(cuò)亂的。

沒(méi)有這些前提條件，插件只是 Figma 里的一個(gè)小部分。信任和穩(wěn)定性是健壯生態(tài)系的基石。

Sketch VS. Figma

從 Figma 工程師的 blog 我們看到創(chuàng)建他們插件系統(tǒng)有多困難。有一個(gè)月的時(shí)間，他們的文章都是關(guān)于如何確定插件系統(tǒng)的架構(gòu)。他們最后發(fā)現(xiàn)自己的方案有漏洞，不得不調(diào)整了方向。

確保平臺(tái)是可信任的不僅僅是技術(shù)架構(gòu)的事情。Figma 不僅僅是托管插件，他們有一個(gè)中心化的審核流程——更像是 Apple 的 Apple store Revuew 那種。插件要想被收錄，必須通過(guò) Figma 在安全性、商業(yè)、可用性和合法性方面的審查。

平臺(tái)化之路

商業(yè)化政策特別值得一提。安全、可用、合法維持了插件系統(tǒng)的完整性和可信任， Figma 的商業(yè)政策塑造了他們認(rèn)為插件生態(tài)應(yīng)該是什么樣子的。例如，他們?cè)试S插件可以收費(fèi)，但更推薦對(duì)所有用戶都可以用。在鼓勵(lì)形成一個(gè)商業(yè)插件生態(tài)系統(tǒng)和更面向開(kāi)源社區(qū)之間權(quán)衡哪方應(yīng)該支持更多些——沒(méi)有正確答案。常常需要隨著平臺(tái)的成長(zhǎng)而調(diào)整。只要在一段時(shí)間內(nèi)觀察 Uber 司機(jī)、WordPress 插件或者 Airbnb 房東的構(gòu)成就能明白了。

平臺(tái)的演進(jìn)

推進(jìn)的進(jìn)度

設(shè)計(jì)過(guò)程改進(jìn)了嗎？設(shè)計(jì)作為一種功能性實(shí)踐而不是藝術(shù)，我們?cè)谧鲈O(shè)計(jì)時(shí)有變好嗎？
答案當(dāng)然是 YES。我們有10年前根本沒(méi)敢想過(guò)的工具，更不要說(shuō)是沒(méi)有計(jì)算機(jī)之前的工具。容易設(shè)計(jì)，容易開(kāi)始設(shè)計(jì)，設(shè)計(jì)變的有擴(kuò)展性。
但是和工程師們?cè)诹鞒躺细倪M(jìn)的比率相比，設(shè)計(jì)流程改進(jìn)的比率如何呢？設(shè)計(jì)作為一種元過(guò)程，在這些基準(zhǔn)測(cè)試中并不夠讓你印象深刻。
在使自身商品化和推動(dòng)流程進(jìn)步的速度方面，工程技術(shù)幾乎是無(wú)與倫比的?？蚣?、語(yǔ)言和基礎(chǔ)設(shè)施中的最佳實(shí)踐總是快速地、甚至是劇烈地演進(jìn)著。以前需要整個(gè)團(tuán)隊(duì)才能做的事情，現(xiàn)在只需要越來(lái)越少的人就可以完成。
隨著原則的確認(rèn)，他們發(fā)現(xiàn)了更好地運(yùn)行所需要的社會(huì)規(guī)范，構(gòu)建了可以在整個(gè)行業(yè)共享的工具，并發(fā)明了允許減輕越來(lái)越多工作量的抽象。他們學(xué)習(xí)到如何更好的協(xié)作，不僅僅和其他人協(xié)作，也在于和其他功能一些協(xié)作。原則對(duì)他們而言不是重點(diǎn)：他們對(duì)更大的組織和生態(tài)系統(tǒng)的貢獻(xiàn)程度是衡量他們工作的最終標(biāo)準(zhǔn)。
設(shè)計(jì)似乎在向工程化的方向發(fā)展。 Figma 處于這次變革的前沿。作為一個(gè)工具，F(xiàn)igma 打破了設(shè)計(jì)師和與他們一起工作的其他團(tuán)隊(duì)之間的隔閡，讓設(shè)計(jì)師更加有效率，也更易協(xié)作。

理想下的設(shè)計(jì)過(guò)程

如果 Figma 能把這種轉(zhuǎn)換變?yōu)橐粋€(gè)平臺(tái)，將是它真正的潛力。如果能，他們將推動(dòng)設(shè)計(jì)作為一門(mén)學(xué)科的發(fā)展。
哪個(gè)公司能在一個(gè)領(lǐng)域取得成功是由很多因素決定的，其中最重要的是運(yùn)氣。
但當(dāng)原則發(fā)生結(jié)構(gòu)性變化時(shí)，那些興旺發(fā)達(dá)的公司就會(huì)產(chǎn)生巨大的影響力，他們?cè)诔橄髮?、社交?guī)范、架構(gòu)等做的決定對(duì)整一代具有巨大的影響。對(duì)于平臺(tái)而言更是如此，平臺(tái)的循環(huán)變成了整個(gè)生態(tài)系統(tǒng)的核心。就像濕粘土一樣，它們做出的選擇最終決定并成為決定整個(gè)生態(tài)系統(tǒng)如何發(fā)展的底層基礎(chǔ)。對(duì)于像Figma 這樣承擔(dān)這一重任的公司來(lái)說(shuō)，這既是巨大的機(jī)遇，也是巨大的責(zé)任。