熱評(píng) 東風(fēng)不識(shí)相

縱觀Figma從萌芽到誕生和成長的過程,感覺就是近十幾年互聯(lián)網(wǎng)發(fā)展的簡史。UI設(shè)計(jì)工具的迭代,UI風(fēng)格的流行的轉(zhuǎn)變,都是世界互聯(lián)網(wǎng)趨勢與科技和審美的一次次變化。Figma創(chuàng)始人在研發(fā)軟件時(shí)被質(zhì)問figma產(chǎn)品目標(biāo)不明確,但在網(wǎng)絡(luò)與科技的浪潮下,誰又能知道,定下的目標(biāo)是否有效,是否站對(duì)了方向。 一直是Adobe的粉絲,但可以肯定的是,無論品牌的影響力有多大,可以讓用戶忠誠的,不僅僅是品牌的名氣與使用量,還有對(duì)于未來的態(tài)度。眾多新的軟件與科技的橫空出世,無一不都是對(duì)老品牌的搖旗吶喊:浪來了,讓一讓!

相信這幾天設(shè)計(jì)圈和產(chǎn)品圈的同學(xué)都在討論 Figma 封禁大疆的團(tuán)隊(duì)帳號(hào)這個(gè)事兒,經(jīng)過多輪文章和視頻的洗禮,這個(gè)事件的始末和性質(zhì)相信大家已經(jīng)掰開了揉碎了看明白了。擔(dān)心也好,警醒也罷,各位心里都有數(shù)了,受到影響的大疆和其他企業(yè)應(yīng)該也已經(jīng)轉(zhuǎn)向 plan B,我這邊想先聊點(diǎn)別的——關(guān)于Figma 是如何借助兩波風(fēng)口起飛的,兩位創(chuàng)始人的創(chuàng)業(yè)經(jīng)歷,以及 Figma 與拜登設(shè)計(jì)團(tuán)隊(duì)、Adobe 的過往交集。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

(看過銀河系漫游指南的同學(xué)應(yīng)該都知道這是啥意思)

首先,別慌。就此時(shí)此刻而言,絕大多數(shù)的國內(nèi) Figma 普通用戶不會(huì)受到影響。

1、暫時(shí),對(duì)于絕大多數(shù)人不會(huì)有太大影響

如果你只是一個(gè)普通的 Figma 用戶,就目前而言,很大概率對(duì)你是完全沒有影響,至少使用免費(fèi)套餐的普通用戶而言,你不會(huì)因?yàn)?IP 地址是中國大陸而被禁止訪問,即使是購買了 12美元/月專業(yè)用戶,也無需在注冊(cè)購買的時(shí)候注明公司和企業(yè)。換句話說,F(xiàn)igma 不知道你是誰。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

而往下看你會(huì)注意到,在專業(yè)用戶之上,還有 Organization 和 Enterprise 兩個(gè)套餐,后者應(yīng)該是最近新增的。而真正可能受到影響的,是購買后面兩個(gè)套餐的企業(yè)用戶:

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

如果你仔細(xì)查看目前 Figma 對(duì)4類用戶提供的服務(wù)的列表,你會(huì)發(fā)現(xiàn),絕大多數(shù)的設(shè)計(jì)功能和常見的協(xié)作和管理功能,其實(shí)基礎(chǔ)和專業(yè)用戶兩個(gè)套餐都是不缺的,而主要的差異,存在于下面的部分:

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

這當(dāng)中基礎(chǔ)和專業(yè)用戶套餐中所不包含的功能,絕大多數(shù)都是特別進(jìn)階和細(xì)分的功能服務(wù),比如協(xié)作中的定制工作空間、語音通話、分支與合并,設(shè)計(jì)系統(tǒng)部分的共享字體、組織、多團(tuán)隊(duì)設(shè)計(jì)系統(tǒng)共享,開發(fā)當(dāng)中的私有插件,等等等等,絕大多數(shù)國內(nèi)正在使用 Figma 做設(shè)計(jì)的設(shè)計(jì)師同學(xué)有幾個(gè)人真正深入用到這些功能?而這些功能有哪些是徹底完全無可替代的?

對(duì)于使用免費(fèi)版和專業(yè)版 Figma 帳號(hào)的同學(xué),起碼現(xiàn)在不用擔(dān)心,沒有影響。

不過,既然我說「絕大多數(shù)」,也就意味著影響還是存在。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

對(duì)于擁有多個(gè)大型設(shè)計(jì)團(tuán)隊(duì),并且基于 Figma 進(jìn)行設(shè)計(jì)、開發(fā)協(xié)同的大型企業(yè)和公司而言,團(tuán)隊(duì)和企業(yè)賬戶下的「管理與安全」部分的獨(dú)享功能,可能是都有需求的,比如大疆。包括插件管理、中心化帳號(hào)、用戶帳號(hào)自動(dòng)加入、鏈接和文件管理等等這些功能,也正是涉及到復(fù)雜協(xié)同環(huán)境的大型設(shè)計(jì)團(tuán)隊(duì)所需要的,而他們也是這次事件中受到威脅最大的部分,而真正受到實(shí)質(zhì)性影響的,則是出現(xiàn)在 600 個(gè)企業(yè)名單上的一部分國內(nèi)企業(yè)。

當(dāng)然,F(xiàn)igma 制裁國內(nèi)企業(yè)這件事情雖然并未涉及到我們?nèi)w,而我上面所探討的不同套餐和用戶受到影響的差異,也是「現(xiàn)在」這個(gè)時(shí)間節(jié)點(diǎn)的狀況,這并不意味著后續(xù)不會(huì)發(fā)生變化。不過我們大家都很容易在這種事情上「感同身受」,出于本能未雨綢繆準(zhǔn)備備用方案也非常正常。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

好在國內(nèi)設(shè)計(jì)軟件服務(wù)藍(lán)湖、即時(shí)設(shè)計(jì)等守望相助,提供了 Figma 的文件導(dǎo)入服務(wù),在短時(shí)間內(nèi)解了受影響企業(yè)用戶的燃眉之急,也為準(zhǔn)備遷移設(shè)計(jì)平臺(tái)的用戶及時(shí)提供選擇,遠(yuǎn)哥在這篇文章當(dāng)中提供了相關(guān)的介紹和入口,我這里也暫時(shí)不贅述了:

說完「目前」的狀況和影響,,接下來把時(shí)間跨度放大,來看看這次事件的 B 面。

2、Dylan Field 與 Figma

先重新審視一下 Figma 是怎么走到這一步的,很重要。

正如同我們所知道的,F(xiàn)igma 目前的主要競爭對(duì)手 Sketch 和 Adobe XD 都是本地軟件,而 Figma 恰恰相反,它是一款可以直接在網(wǎng)頁運(yùn)行的、天生帶有多人協(xié)同屬屬性的「輕量級(jí)」設(shè)計(jì)服務(wù)和工具。在成長性和功能拓展上,F(xiàn)igma 明顯超出兩位競爭對(duì)手。

當(dāng)然,這種特質(zhì)和它背后的始作俑者的的確確有著直接的關(guān)聯(lián)。

在維基百科中文版中,對(duì)于 Figma 和它的 2 位主要?jiǎng)?chuàng)始人的介紹是這么寫的:

「迪倫·菲爾德(Dylan Field)和埃文·華萊士(Evan Wallace)于 2012 年開始著手開發(fā) Figma。這種基于Web的設(shè)計(jì)工具是菲爾德和華萊士在2011年就讀于布朗大學(xué)期間所構(gòu)思的。2012年,華萊士從布朗大學(xué)畢業(yè),而菲爾德則退學(xué)接受了泰爾獎(jiǎng)學(xué)金(Thiel Fellowship),該獎(jiǎng)學(xué)金提供了10萬美元用于尋求創(chuàng)業(yè)想法。隨后,兩人移居到舊金山,全職投入Figma的工作。Figma從2015年12月3日開始提供采用邀請(qǐng)模式的免費(fèi)預(yù)覽程式,于2016年9月27日首次公開。」

這兩位聯(lián)合創(chuàng)世人中,Dylan Field 的個(gè)人經(jīng)歷更容易查到,而恰恰是他的個(gè)人成長經(jīng)歷,能夠幫我們管窺 Figma 這個(gè)工具成長到今天這樣的一些緣由。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

圖片來源:維基百科

1992 年出生于加州彭格羅夫 Dylan Field ,6歲的時(shí)候開始學(xué)習(xí)代數(shù),從小對(duì)計(jì)算機(jī)感興趣并且參加過 國際青年組織 FIRST 所舉辦的機(jī)器人競賽,甚至在 Windows XP 的廣告中作為演員露臉,中學(xué)時(shí)代長期和學(xué)校一位「在數(shù)學(xué)方面非常專業(yè)的看門人」一起玩,并且開始對(duì)設(shè)計(jì)產(chǎn)生興趣。

而升入高中的時(shí)候,Dylan 很自然地選擇了一個(gè)位于索諾瑪州立大學(xué)內(nèi)的附屬技術(shù)高中,這所學(xué)校除了常規(guī)的教學(xué)內(nèi)容之外,還會(huì)額外提供大量科學(xué)、技術(shù)、工程和數(shù)學(xué)類的學(xué)科知識(shí),而這個(gè)階段 Dylan 和朋友一起制作機(jī)器人和網(wǎng)站,甚至參與了社交媒體方面的研究,而正是這樣的契機(jī)使他得到了通往布朗大學(xué)的推薦信。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?
《社交網(wǎng)絡(luò)》進(jìn)行中的黑客馬拉松

2009 年,Dylan 正式進(jìn)入布朗大學(xué)學(xué)習(xí)計(jì)算機(jī)科學(xué),在大學(xué)期間,他組織過黑客馬拉松(著名電影《社交網(wǎng)絡(luò)》中有展現(xiàn)過扎克伯格搞黑客馬拉松的場景),在 LinkedIn 實(shí)習(xí),并且兩度進(jìn)入 Flipboard 實(shí)習(xí),大三第二次去實(shí)習(xí)的時(shí)候,他的身份是技術(shù)產(chǎn)品經(jīng)理。而正是在 Flipboard 實(shí)習(xí)階段,讓他開始懷疑自己繼續(xù)在大學(xué)進(jìn)修計(jì)算機(jī)和數(shù)學(xué)的計(jì)劃,并且在他遇到同樣畢業(yè)于布朗大學(xué)并且從事圖形學(xué)的 Evan Wallace 之后,決定創(chuàng)辦自己的公司。

Dylan 的個(gè)人成長經(jīng)歷和所具備的技能,大學(xué)和實(shí)習(xí)階段在互聯(lián)網(wǎng)初創(chuàng)公司的經(jīng)歷,以及當(dāng)時(shí)正在快速演進(jìn)的互聯(lián)網(wǎng)技術(shù),為后面 Figma 的出現(xiàn)鋪陳出重要的底色。

從各種意義上來說,Dylan 和 Evan 所創(chuàng)建的 Figma 抓住了上一個(gè)10年當(dāng)中,2個(gè)關(guān)鍵的風(fēng)口。

3、第一個(gè)風(fēng)口,HTML5 和 SaaS

2009 年 5 月 28 日,彼時(shí)以扁平化管理而著稱的 Google 的內(nèi)部孵化并正式上線一個(gè)在當(dāng)時(shí)看來極為實(shí)驗(yàn)性的產(chǎn)品,Google Wave 。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

Google Wave 從根本上了來說是一個(gè)在線實(shí)時(shí)協(xié)作編輯的軟件框架,而在當(dāng)時(shí)的用戶眼中,看起來是一個(gè)集成了郵件、實(shí)時(shí)通訊、多人協(xié)作、實(shí)時(shí)開發(fā)等大量功能,可以嵌入各種各樣媒體、服務(wù)功能的復(fù)雜集合體。彼時(shí) Google 還未正式退出中國大陸,我曾經(jīng)在大學(xué)階段有幸體驗(yàn)過 Google Wave,當(dāng)時(shí)常與朋友在 Google Wave 的協(xié)作文檔中聊天,添加簡單的媒體鏈接,分享信息。

無法忽視的是,Google Wave 的誕生上線和 2008 年 HTML5 第一版草案的公布不無關(guān)系,當(dāng)時(shí)想要體驗(yàn) Google Wave 需要使用最新版本的 Chrome 瀏覽器,而這個(gè)時(shí)間節(jié)點(diǎn)恰恰是 Chrome 和 Firefox 瀏覽器開始普遍支持 HTML 5 的時(shí)候。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

同在 2009 年,Node.js 和 AngularJS 正式發(fā)布。(這一年,一直熱衷于網(wǎng)絡(luò)技術(shù)和設(shè)計(jì)的 Dylan Field 前往布朗大學(xué)上學(xué))

Google Wave 在 2010 年正式宣布暫停研發(fā)并于次年徹底暫停服務(wù),用戶僅能閱讀自己的內(nèi)容,直到 2012 年 Google Wave 徹底在 Google 刪除,并完全移交給 Apache 軟件基金會(huì)。

Google Wave 存在的時(shí)間非常短暫,但是在它關(guān)停之后,它在實(shí)時(shí)協(xié)作編輯開發(fā)上的探索,直接反哺了 Google Docs 和 Google Drive,而這兩項(xiàng)服務(wù)為谷歌此后拓寬了市場,甚至成為了 Google 如今占領(lǐng)教育和低端筆記本市場所用的 Chromebook 的一個(gè)重要先決條件:

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

Pixelbook 2013 原型機(jī),A面頂端兩側(cè)的 LED 燈在正式版中被移除了。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

更重要的是,Google Docs 這項(xiàng)服務(wù),是 Figma 最終定型的重要參考,而兩者在基礎(chǔ)的思路和特性上,幾乎是沿著 Google Wave 的這條脈絡(luò),一脈相承。

從2009 年到 2012 年,Google Wave 大膽的嘗試給彼時(shí)很多軟件開發(fā)商和服務(wù)供應(yīng)商打開了新世界的大門,圍繞著 HTML5 所延展出來的技術(shù)、服務(wù)與工具如同雨后春筍般涌向,越來越多的 SaaS 服務(wù)開始選擇使用瀏覽器這樣的輕量級(jí)瘦客戶端交付給用戶,讓復(fù)雜的渲染和計(jì)算留給位于云端的服務(wù)器來處理。

2012 年剛剛成立 Figma 的 Dylan Field 和 Evan Wallace 并沒有明確他們要?jiǎng)?chuàng)造的產(chǎn)品會(huì)有什么功能,具備什么樣的服務(wù),但是他們確定一件事情:

「我們的產(chǎn)品應(yīng)該直接立足于瀏覽器,它是一個(gè)免費(fèi)、簡單且充滿創(chuàng)意的工具,要讓任何人都可以借此發(fā)揮自己的創(chuàng)想。」

隨后,F(xiàn)igma 正式開始開發(fā)。

4、第二個(gè)風(fēng)口,去 Adobe 化的 UI 設(shè)計(jì)

做 UI 設(shè)計(jì)這個(gè)事情在很長一段時(shí)間里面,靠的主要是 Adobe Photoshop。

一方面 Adobe 和蘋果早在90年代初就已經(jīng)是深度合作的關(guān)系,甚至 Adobe Illustrator 干脆就是在 Macintosh 上研發(fā)測試的,Adobe Phtoshop 最初也是如此。另一方面,在很長一段時(shí)間里,UI 設(shè)計(jì)也需要 PS 來作為視覺呈現(xiàn)的支撐。

在 2000 年前后,以 MacOSX 1.0 DP3 為分界點(diǎn),正式引領(lǐng)整個(gè) UI(GUI)設(shè)計(jì)圈子向著擬物化設(shè)計(jì)進(jìn)發(fā)。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

具體參看《Mac視覺史》第三篇:

這些高度擬物化的肌理材質(zhì),漸變的光影,豐富視覺層次,使得設(shè)計(jì)師不得不選擇 PS 作為 UI 設(shè)計(jì)的工具。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

加拿大設(shè)計(jì)工作室 Teehan + lax 作為非官方為設(shè)計(jì)師提供的 iOS 6 的 PSD,當(dāng)時(shí)蘋果官方還沒有在 HIG 當(dāng)中提供 UI Kit。

這種追求高光陰影和肌理的擬物化設(shè)計(jì)在 2010 年前后抵達(dá)了高峰,彼時(shí)著名的設(shè)計(jì)社區(qū) Dribbble 和國內(nèi)論壇 iconfans 內(nèi)聚積著大量熱衷于「抄現(xiàn)實(shí)」的擬物化 UI 設(shè)計(jì)高手。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

2009 年的 Dribbble 網(wǎng)站

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

我真的找不到更清晰的當(dāng)年的網(wǎng)站截圖了

然后,設(shè)計(jì)方向開始發(fā)生轉(zhuǎn)變。雖然微軟早在 2002 年的時(shí)候就開始在自家 Zune 播放器上嘗試扁平化設(shè)計(jì),但是直到 iOS 7 (2013年)和 Material Design 出現(xiàn),市場份額極小的 Windows Phone 7 的Metro 設(shè)計(jì)風(fēng)格延伸到桌面端的 Windows 8 上之后,扁平化設(shè)計(jì)的趨勢才徹底蓋過 擬物化設(shè)計(jì)。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

而移動(dòng)端用戶數(shù)量爆發(fā)式增長(2013年移動(dòng)端流量正式超過桌面端流量),和同時(shí)期這種設(shè)計(jì)風(fēng)向的改變,是讓 UI 設(shè)計(jì)領(lǐng)域開始去 Adobe 化的重要前提。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

Sketch 1.0

2010 年問世的 Sketch 最初的目標(biāo),是希望在 Mac 平臺(tái)上給用戶提供一個(gè)足夠輕量、足夠快速的矢量圖形編輯工具,實(shí)際上當(dāng)時(shí) Sketch 的創(chuàng)始人 Pieter Omvlee 對(duì)于未來的走向也沒有清晰的思路

「當(dāng)時(shí)我在特溫特大學(xué)(荷蘭)剛剛開始我的計(jì)算機(jī)科學(xué)研究。當(dāng)時(shí)的想法是制作一個(gè)簡單的繪圖應(yīng)用程序。那時(shí)的獨(dú)立應(yīng)用場景要小得多,似乎有一個(gè)我認(rèn)為可以填補(bǔ)的空白。……上線后,我們被功能請(qǐng)求淹沒了,保持專注一個(gè)方向是一個(gè)極大的挑戰(zhàn)。每個(gè)人都想把 Sketch 拉向他們需要的方向。而真的迎合這種需求,風(fēng)險(xiǎn)在于你最終會(huì)得到一個(gè)怪物,一個(gè)可以做很多事情但沒有辦法掌握的應(yīng)用程序。」

當(dāng)時(shí)有用戶認(rèn)為它是臃腫龐大的 Adobe Illustrator 的優(yōu)質(zhì)替代品,而此時(shí) Sketch 的開發(fā)團(tuán)隊(duì)已經(jīng)開始將 Symbol 作為核心功能提供給用戶,只是當(dāng)時(shí)更加粗陋,僅僅類似于 PS 的智能對(duì)象(真正的 Symbol 功能是到 Sketch 3 的時(shí)候才具備),不過,包括布爾運(yùn)算在內(nèi)的基礎(chǔ)的矢量圖形工具都已經(jīng)基本具備。

此后,隨著扁平化設(shè)計(jì)的崛起,快速迭代的 Sketch 吸引了越來越多的使用 PS 繪制 UI 的用戶,它逐漸成為一個(gè)現(xiàn)象級(jí)的 UI 設(shè)計(jì)軟件。原本輕量級(jí)的軟件體量,明確的功能,輕松兼容日漸復(fù)雜的 UI 設(shè)計(jì)需求(比如對(duì)于 x1 x2 x3 尺寸界面的輕松導(dǎo)出),快速而便捷的畫板等等。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

Sketch 3

與此同時(shí),處于陣痛期的 macOS 平臺(tái)對(duì)于 App Store 的軟件分發(fā)機(jī)制有更多干預(yù)和要求,很多軟件受不了對(duì)于功能和用戶關(guān)系的干預(yù)而獨(dú)立,其中就包括 Sketch。用戶對(duì) Sketch 的認(rèn)可也使得它有了底氣通過自家網(wǎng)站來進(jìn)行許可證分發(fā),此時(shí)正是 2015年,而這一年的年底,F(xiàn)igma 正式推出了第一個(gè) Beta 版本。

在這個(gè)扁平化設(shè)計(jì)風(fēng)行、追求輕量高效設(shè)計(jì)工具的階段,Sketch 和 Figma 選擇的方向,其實(shí)是殊途同歸的。

和最初的 Sketch 一樣,Dylan 對(duì)于 Figma 的未來形態(tài)并沒有明確的遠(yuǎn)景,并且一度考慮制作成為一款3D軟件。從 2012 年到 2015 ,Dylan Field 和整個(gè) Figma 團(tuán)隊(duì)都面臨著極大的壓力,Dylan 本身對(duì)于 Figma 發(fā)展方向的不明確、領(lǐng)導(dǎo)經(jīng)驗(yàn)的缺乏和融資上的挑戰(zhàn),使得很多員工在這個(gè)過程中離職,甚至影響到 Figma 的發(fā)展,最終是「團(tuán)隊(duì)中其他成員對(duì) Dylan 進(jìn)行了干預(yù)」,才在一定程度上扭轉(zhuǎn)了管理上的問題。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

圖片來自:維基百科

2013年,Dylan 在尋求種子輪投資的時(shí)候,投資人 John Lilly 直接拒絕了他的請(qǐng)求,并且直言不諱地他說:「我想你壓根不知道自己在做什么。」雖然 Dylan 最后從 Flipboard 的董事 Danny Rimer 以及別處為 Figma 拉來了 380 萬美元的種子輪投資,但是他對(duì) John Lilly 的話念念不忘,并隨后主動(dòng)聯(lián)系 John 尋求解答,而 John 則隨口跟他說,「你可以去找 Adobe 的 CEO Bruce Chizen 請(qǐng)教」。而 Dylan 真的就這么做了。

在「部分功能」上對(duì)標(biāo) Photoshop 的 Figma 最終 于 2015 年正式發(fā)布 Beta 版之后,John 看到了產(chǎn)品,并且訝異于 Dylan 敢于從前輩(某種程度上算是未來對(duì)手)那里尋求解答的品質(zhì),而決定帶領(lǐng) Greylock 為 Figma 領(lǐng)投了 A 輪總計(jì) 1400 萬美元的投資。

隨后,在 2016 年上線了正式版,2017 年開始推出付費(fèi)的套餐,而此時(shí)在 UI/UX 設(shè)計(jì)領(lǐng)域,Adobe XD、Sketch 和 Figma 的競爭關(guān)系雛形已經(jīng)形成。得益于和 Sketch、Adobe XD 截然不同的部署模式,借助瀏覽器即可使用的 Figma ,讓用戶更容易觸達(dá),在對(duì)標(biāo) Sketch 的功能特性的同時(shí),以更快的速度培養(yǎng)出自家的插件生態(tài)和用戶社區(qū),這確保了 Figma 本身的生命力足夠強(qiáng)健。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

Adobe XD 1.0

而和 Sketch、Figma 同期發(fā)展的軟件和服務(wù)還有很多,在 UI/UX 設(shè)計(jì)這個(gè)領(lǐng)域,它們共同蠶食了當(dāng)初屬于 Photoshop 的份額,即使有 Adobe XD 后續(xù)補(bǔ)位。這種去Adobe 化的趨勢還體現(xiàn)在其他分支領(lǐng)域,比如基于模板的軟件服務(wù) Canva,手繪領(lǐng)域的 Procreate。

同時(shí) Figma 每年獲得的投資也逐漸提升,隨著疫情到來,遠(yuǎn)程辦公需求大漲,2021 年6月獲得 E輪融資 2 億美元的 Figma 的市值已經(jīng)直逼 100 億美元大關(guān)。

值得一提的是,據(jù) Forbes 報(bào)道在 2020 年美國大選過程中,約瑟夫·拜登競選團(tuán)隊(duì)的設(shè)計(jì)素材也曾使用 Figma ,并且在 Figma 上管理了所有的視覺資產(chǎn)。

聊到這里,我們也給大家拓展一下當(dāng)年奧巴馬競選時(shí)的視覺設(shè)計(jì):

而 E 輪融資的 2 億美元當(dāng)中,有不少國際投資者,而此刻 Figma 超過 80% 的用戶都在美國以外,這一切都使得 Figma 在如今復(fù)雜的國際形勢下,需要「站隊(duì)」。

其實(shí)我們換個(gè)角度來重新審視 Figma 站隊(duì)的邏輯也不復(fù)雜,中國用戶時(shí)至今日依然需要借助第三方的插件來實(shí)現(xiàn) UI 界面漢化(比如 Figma.cool),可見 Figma 用戶群體當(dāng)中,中國用戶的比例之低,在如今的國際形勢下,被 Figma 「做出取舍」,也遵循著屁股決定腦袋的基本邏輯。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

Figma.cool/cn

不過到了這一步,并不是最終的結(jié)果。

5、后 Figma 時(shí)代的中國 UI 設(shè)計(jì)軟件

Thiel Fellowship 的一位高管是這樣評(píng)價(jià) Dylan Field 的:「他毫無疑問在技術(shù)上是有天賦的,同時(shí)身上有一種奇妙的融合感——他有將工程和藝術(shù)融為一體的直覺。」

作為 Figma 領(lǐng)導(dǎo)者,Dylan Field 目前已有的訪談內(nèi)容當(dāng)中,很少會(huì)體現(xiàn)出他的個(gè)人政治立場——當(dāng)然這不代表著他沒有。只是在這次大疆帳號(hào)被 Figma 封禁這件事情上,資本和美國當(dāng)局的政治立場的影響,不應(yīng)當(dāng)被我們忽略。

但是與此同時(shí),即使疫情發(fā)展到今天這樣,全球化影響下,各行各業(yè)很難徹底斷開,起碼短時(shí)間內(nèi)做不到,即使最極端的情況發(fā)生,徹底的決裂也很難一蹴而就。

那么說回 Figma 這樣的 SaaS 服務(wù)/軟件 本身吧。在知乎上,我注意到了這一條回答:

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

這從側(cè)面印證了一件事情,類似 Figma 這樣的 SaaS 軟件服務(wù),尤其是將大量的服務(wù)和功能放在服務(wù)器端的專業(yè)軟件,在開發(fā)成本和難度上,是并不低的。

與此同時(shí),從 Figma 到 Notion,各類基于瀏覽器的 SaaS 服務(wù)又在疫情之下,前所未有地得到資本的青睞。那么可以確認(rèn)的是,F(xiàn)igma 這樣「有難度」又「有價(jià)值」的方向,是未來趨勢,也是需求所指的方向,而這件事情本身,與政治無關(guān)。

那么對(duì)于這個(gè)方向,國內(nèi)的設(shè)計(jì)工具的狀況又到底如何呢?

國內(nèi)老牌設(shè)計(jì)協(xié)作平臺(tái)藍(lán)湖自不必說。2021 年于10月23日,藍(lán)湖對(duì)外宣布獲得10億元的C+輪融資,投資人為GGV紀(jì)源資本、紅衫中國,充裕的資金是專業(yè)軟件開發(fā)的底氣。他們對(duì)標(biāo) Figma 的產(chǎn)品 MasterGo 在這次事件中挺身而出,為準(zhǔn)備從 Figma 遷移出設(shè)計(jì)素材的設(shè)計(jì)師和團(tuán)隊(duì),提供了直接的入口。而位于中國境內(nèi)的服務(wù)器顯而易見會(huì)比 Figma 更加穩(wěn)定,部分在 Figma 中收費(fèi)功能,在 MasterGo 中是直接免費(fèi)的。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

我們之前提到過的「即時(shí)設(shè)計(jì)」其實(shí)也是 2016 年就開始了他們的征程,他們是定位則是「為互聯(lián)網(wǎng)公司的產(chǎn)品經(jīng)理、UI設(shè)計(jì)師、研發(fā)工程師提供實(shí)時(shí)協(xié)作的云端設(shè)計(jì)工具」。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

「即時(shí)設(shè)計(jì)」在2018年1月、2019年1月獲得了數(shù)百萬天使輪融資和千萬級(jí)Pre-A輪融資,而在2021年密集獲得了四次融資,總計(jì)數(shù)億人民幣,投資人包括高領(lǐng)創(chuàng)投、SIG海納亞洲、源碼資本、藍(lán)馳創(chuàng)投、靖亞資本,以及美國對(duì)沖基金Coatue Management等。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

在這次事件當(dāng)中同樣為國內(nèi)設(shè)計(jì)師提供助理的 Pixso 則來自萬興科技,Pixso 敢于對(duì)標(biāo) Figma 的底氣在于,萬興科技在 2020 年控股了國內(nèi)著名原型設(shè)計(jì)工具墨刀。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

2021年,集線框設(shè)計(jì)、PRD文檔撰寫、原型交互設(shè)計(jì)、視覺設(shè)計(jì)、UI設(shè)計(jì)、設(shè)計(jì)交付、設(shè)計(jì)規(guī)范管理、任務(wù)管理、團(tuán)隊(duì)管理等功能于一體的 「摹客DT」獲得 灃揚(yáng)資本和凱泰資本分?jǐn)?shù)千萬元的投資,而他們的方向也是「打造更懂中國設(shè)計(jì)師的設(shè)計(jì)工具」,同時(shí)希望能夠做「世界的摹客」。

與其說 Figma 這次的事件是一次「危機(jī)」,倒不如說是對(duì)國內(nèi) UI/UX 設(shè)計(jì)類軟件的一針「疫苗」——傷筋動(dòng)骨自然是不止于,但是在很大程度上激發(fā)了國內(nèi)同類型 SaaS 軟件獲得融資,進(jìn)一步推動(dòng)研發(fā),讓國內(nèi)乃至于國際用戶擁有更多的選擇,甚至推動(dòng)其他創(chuàng)意工具的研發(fā)團(tuán)隊(duì),在「可能存在類似風(fēng)險(xiǎn)」的領(lǐng)域進(jìn)行軟件、工具和服務(wù)的研發(fā)。

6、最重要的事情

總而言之,這次事件對(duì)于絕大多數(shù)的設(shè)計(jì)師而言,并沒有根本上的影響。軟件工具必然會(huì)越來越強(qiáng),硬件性能也同樣處于快速的發(fā)展中。設(shè)計(jì)師和設(shè)計(jì)行業(yè)的從業(yè)者更需要考慮的,可能是軟硬件高速增長下,自身技能和能力的成長。

7、最后的話

曾經(jīng) Google Wave 埋下的種子生長出了 Google docs 和 Google Drive,它們?cè)诙嗄旰蟪蔀榱薈hrome OS堅(jiān)強(qiáng)的后盾,從教育市場借道,讓 Chromebook 逐漸占領(lǐng)了美國的入門級(jí)筆電市場。

而借由Google docs 的靈感誕生的figma,則翻身逆襲了 Sketch,在UI/UX領(lǐng)域扶搖直上,在SaaS 市場上一騎絕塵。這是前瞻者的成功也是天才的勝利,但更是資本和市場對(duì)于這一方向試錯(cuò)后的成果。

Figma 這次操作背后可能同樣有資本和某些個(gè)人的影響,但是它更重要的是印證了發(fā)展方向的準(zhǔn)確性,甚至可以說,它是促使國內(nèi)創(chuàng)新工具的本土化的的一針催化劑。在更長的時(shí)間尺度上,這次的事件最多是一城一地的小得失,后面的日子還長呢。

起風(fēng)了,各位。

深扒!連拜登團(tuán)隊(duì)都在用的Figma是如何成長起來的?

圖片來源 ivankristianto

 

參考來源:

https://en.wikipedia.org/wiki/Dylan_Field
https://en.wikipedia.org/wiki/Sketch_(software)
https://www.stateofdigital.com/google-wave-is-back-called-google-drive-and-gives-google-more-grip/
https://web.archive.org/web/20160628174909/http://www.businessinsider.com.au/sketch-leaves-apple-mac-app-store-2015-12
https://web.archive.org/web/20201020042828/https://www.wired.com/story/figma-updates/
https://www.forbes.com/sites/alexkonrad/2021/08/10/how-figma-became-designs-hottest-startup-valued-at-10billion/
https://www.36kr.com/p/1490187765032840

收藏 86
點(diǎn)贊 78

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。