Figma下一代UI設(shè)計神器

　　專業(yè)有效的設(shè)計工具,可以幫助我們的提高設(shè)計效率。那么今天我們要介紹一款從推出至今越來越受到 UI 設(shè)計師以及很多設(shè)計團(tuán)隊的青睞的一款UI設(shè)計工具，它被稱為一代設(shè)計神器——Figma 。AAA教育武老師也會帶大家深入了解這款工具，以及為什么它如此受歡迎。
 

　　1、設(shè)計工具的戰(zhàn)場

　　概述
 

　　隨著日新月異的技術(shù)發(fā)展，互聯(lián)網(wǎng)時代進(jìn)入深水區(qū)。行業(yè)環(huán)境越復(fù)雜，設(shè)計師將面臨越多機(jī)遇和挑戰(zhàn)。設(shè)計不同于藝術(shù)，本質(zhì)是為了解決問題，而設(shè)計工具直接影響著設(shè)計師思考問題和解決問題的能力。設(shè)計工具的背后，體現(xiàn)著設(shè)計行業(yè)的整體水平和效率。
 

　　如果把設(shè)計工具的競爭類比戰(zhàn)場，筆者今天探討的是互聯(lián)網(wǎng)時代最受關(guān)注的界面設(shè)計戰(zhàn)場。界面設(shè)計是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計。
 

　　歷史追溯
 

　　在界面設(shè)計領(lǐng)域，設(shè)計工具一直以驚人的速度演化，競爭愈演愈烈。從曾經(jīng)的PS一家獨(dú)大，到近年Sketch新晉王者，再到當(dāng)下的各類新工具百家齊放。
 

　　2010年前，界面設(shè)計師普遍使用的是Adobe Photoshop(簡稱PS)，那時界面設(shè)計還在起步階段。PS的定位是圖像處理軟件，是一個全面的設(shè)計工具，界面設(shè)計只是使用這個工具的一個行業(yè)分支。2010年后，界面設(shè)計飛速發(fā)展，PS的性能和效率都無法匹配這個新興行業(yè)的需求。因此，Sketch順應(yīng)而生，聚焦界面設(shè)計，并迅速占領(lǐng)界面設(shè)計的市場。
 

　　放眼當(dāng)下，各類新型界面工具相繼出現(xiàn)，挖掘和突破Sketch的短板。Sketch只面向Mac用戶，其它系統(tǒng)無法使用，XD成為Windows上最接近Sketch的工具替代，但過于相似、缺少獨(dú)特也意味著XD目前難以超越Sketch。另外，Sketch在原型和交互設(shè)計上發(fā)揮不足，inVision很好的從這個環(huán)節(jié)獨(dú)立出來。再如Framer，基于開源原型框架，在代碼上的優(yōu)勢，為設(shè)計和技術(shù)的融合搭建橋梁。
 

　　黑馬逆襲
 

　　近來，有一匹黑馬，頻繁出現(xiàn)在設(shè)計師的信息視野，成為設(shè)計行業(yè)的熱門話題，團(tuán)隊使用逐漸覆蓋國內(nèi)外龍頭企業(yè)。國外如Twitter，Microsoft，Dribbble，Airbnb ,Dropbox，Github。國內(nèi)如阿里，騰訊，字節(jié)跳動，網(wǎng)易。
 

　　這匹黑馬，就是Figma。如今，從Sketch遷移至Figma已然成為趨勢。Figma逆襲的奧義何在，如此受到設(shè)計師和團(tuán)隊的青睞。探討之前，我們不妨先了解這款軟件。
 

　　2、Figma是什么
 

　　Figma是基于瀏覽器的界面設(shè)計協(xié)作工具。它的最大特點(diǎn)就是基于瀏覽器和設(shè)計協(xié)作。
 

　　基于瀏覽器
 

　　Figma以瀏覽器為載體，依靠網(wǎng)絡(luò)，全程在線操作，所有文件保存在云端。簡單理解，F(xiàn)igma是打開一個網(wǎng)頁使用，Sketch等是打開本地軟件使用。
 

　　云端的最大優(yōu)勢就是不受物理設(shè)備限制，多平臺共享，使用靈活。Figma全平臺可用，操作系統(tǒng)支持Win，Mac，Linux等，設(shè)備支持電腦，平板，手機(jī)。在線意味著不需要下載安裝包到本地，軟件插件都會自動更新，不再漫長地等待下載和頻繁安裝更新。
 

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

　　Figma是第一個真正意義上的設(shè)計協(xié)作工具。協(xié)作，是Figma對界面設(shè)計師這個角色的重新定位。如Sketch專注于設(shè)計師個人完成設(shè)計工作，就像一個單一的點(diǎn)，如需和外界產(chǎn)生關(guān)聯(lián)，需要借助第三方工具。而Figma是從團(tuán)體的角度去定位設(shè)計，界面設(shè)計不僅僅是設(shè)計師個人的事情。團(tuán)隊內(nèi)，設(shè)計師需要更高效地銜接設(shè)計流程的上下環(huán)節(jié)，設(shè)計師和設(shè)計師之間可以更輕松地協(xié)作溝通，共同完成設(shè)計工作。團(tuán)隊外，設(shè)計行業(yè)應(yīng)有分享精神，站在行業(yè)巨人的肩膀上再創(chuàng)新，推動設(shè)計行業(yè)更加高效。
 

　　流程銜接——跨界工具集成
 

　　傳統(tǒng)流程中，設(shè)計師在不同環(huán)節(jié)，需要使用不同工具進(jìn)行設(shè)計工作。流轉(zhuǎn)在不同工具的過程，會造成時間成本的消耗，產(chǎn)生流轉(zhuǎn)中的錯誤。使用Figma就能免去切換工具的煩惱了，因為它本身就全面覆蓋了產(chǎn)品設(shè)計中所有重要的步驟，讓工作流程更高效完整統(tǒng)一。令人贊嘆的地方是，這樣的工具集成體，界面卻比Sketch更簡潔易上手。
 

　　內(nèi)部溝通——多人在線同時編輯
 

　　支持多人在線同時編輯，意味著團(tuán)隊可并行工作，同時修改一個文件。項目是一個整體，而不再是被分割的多個文件。文件是一個鏈接，而不再是需要傳送的源文件。如此，極大地降低團(tuán)隊的溝通、修改、維護(hù)成本。
 

　　資源共享——開源社區(qū)
 

　　互聯(lián)網(wǎng)行業(yè)追求高效，俗話說“眾人拾柴火焰高”，集合眾人的力量方能讓價值最大化，資源共享必不可少。如Github是全球最大的社交編程及代碼托管網(wǎng)站，其社交化編碼、開源共享的理念改變著整個開發(fā)社區(qū)的生態(tài)，讓全球開發(fā)者共同創(chuàng)造了無數(shù)優(yōu)質(zhì)項目。在設(shè)計行業(yè)，Dribbble和Behance作為最知名的國際設(shè)計社區(qū)，是設(shè)計師們展示作品、合作招聘的最大平臺，但一般只展示設(shè)計作品而不共享源文件。
 

　　Figma的社區(qū)功能，和Github有異曲同工之妙，一方面設(shè)計師們可以一鍵取用世界頂尖公司及設(shè)計師精心制作的設(shè)計系統(tǒng)和模板，快速構(gòu)建高質(zhì)量的設(shè)計作品，節(jié)省重復(fù)基礎(chǔ)性工作的時間精力，提高工作效率。另一方面，設(shè)計師可以輕松瀏覽行業(yè)一線設(shè)計作品，開拓設(shè)計視野，并進(jìn)行互動溝通。
 

　　3、工具的技術(shù)趨勢
 

　　選擇新工具是一件慎重的事情，特別對團(tuán)隊來說，需要從整體的角度去評估成本、風(fēng)險和回報。個人的選擇或許是基于喜好習(xí)慣，而行業(yè)的選擇應(yīng)是伴隨行業(yè)工作模式的變化。如前文所說，從Sketch遷移至Figma已然成為行業(yè)趨勢?；ヂ?lián)網(wǎng)行業(yè)正在發(fā)生怎樣的變化，面對未來的技術(shù)趨勢，我們正在關(guān)注什么。
 

　　技術(shù)趨勢
 

　　·數(shù)字化
 

　　信息，泛指人類社會傳播的一切內(nèi)容。數(shù)字化是將信息轉(zhuǎn)變?yōu)閿?shù)字、數(shù)據(jù)，建立數(shù)字化模型，而后轉(zhuǎn)變?yōu)橐幌盗卸M(jìn)制代碼，引入計算機(jī)內(nèi)部進(jìn)行處理的過程。當(dāng)下信息爆炸的時代，更多信息以數(shù)字化形式存在，人與世界的互動將更多以網(wǎng)絡(luò)為媒介。
 

　　·云計算
 

　　“云”實質(zhì)上是一個網(wǎng)絡(luò)，一種計算資源共享池。云計算，把計算資源通過網(wǎng)絡(luò)讓資源被快速取用。未來的時代是云計算的時代，用戶通過網(wǎng)絡(luò)就可以獲取無限資源，同時獲取的資源不受時間和空間的限制。信息處理擁有更多時間自由性和空間靈活性，意味著我們獲取和使用信息可以隨時隨地，想即所得。
 

　　·大數(shù)據(jù)
 

　　數(shù)據(jù)是信息的基礎(chǔ)，是智慧的前提，是所有新技術(shù)的依托。大數(shù)據(jù)是數(shù)據(jù)的集合，對海量數(shù)據(jù)進(jìn)行專業(yè)化處理，形成價值，是行業(yè)競爭、產(chǎn)業(yè)實現(xiàn)盈利的關(guān)鍵。大數(shù)據(jù)和云計算是深度結(jié)合的，并和物聯(lián)網(wǎng)、移動互聯(lián)網(wǎng)等新興計算形態(tài)密切相關(guān)。
 

　　·人工智能
 

　　即Al，是以人類智能相似的方式做出反應(yīng)的智能機(jī)器。人工智能使機(jī)器能像人一樣思考，并能夠勝任一些通常需要人類智能才能完成的復(fù)雜工作。未來機(jī)器人是否能超越人類，甚至接管世界，至少，我們的世界正在更自動化，更高效化。
 

　　· 5G
 

　　第五代移動通信技術(shù)，是最新一代蜂窩移動通信技術(shù)。我們的網(wǎng)絡(luò)信號，主要就來自于通信基站。隨著網(wǎng)絡(luò)基礎(chǔ)設(shè)施日漸完善，世界的運(yùn)作和發(fā)展將會更快。在未來，當(dāng)5G全面覆蓋，且所有的設(shè)施都實現(xiàn)了智能化后，我們將真正的進(jìn)入到一個“萬物互聯(lián)”的時代。
 

　　工具趨勢
 

　　新技術(shù)的浪潮下，工具行業(yè)的發(fā)展和趨勢，整體來看，呈現(xiàn)云端化和一體化。
 

　　云端化
 

　　云端化是工作載體的變革，從本地到云端，信息以最快的方式觸達(dá)和共享。用戶無需在本地安裝軟件和插件，直接在瀏覽器上使用工具，擺脫了電腦硬件的束縛。云端擁有強(qiáng)大的計算能力，使用性能遠(yuǎn)超一般的本地軟件。拷貝傳送式的本地模式在文件的共享上，效率遠(yuǎn)不如鏈接式的云端模式。比較典型的例子就是各類在線文檔編輯工具。
 

　　一體化
 

　　一體化是工作模式的顛覆，流程、工具、資源都應(yīng)當(dāng)打破壁壘，讓協(xié)作更通暢。一體化可以理解為將不同的個體有機(jī)融合為一個整體，形成協(xié)同效力，實現(xiàn)團(tuán)體的整體效率和利益最大化，這里的團(tuán)體可以是項目團(tuán)隊，可以是公司，也可以是整個行業(yè)。用技術(shù)的方式掃除溝通協(xié)作的障礙，能大大提供團(tuán)體的專業(yè)和效率。
 

　　Figma的模式
 

　　Figma的愿景是成為設(shè)計界的Google Docs，打造類似GitHub的設(shè)計共享與協(xié)作的社區(qū)。這也是我認(rèn)為Figma現(xiàn)階段逆襲的原因所在,它敏銳的捕捉到了云端和協(xié)同的價值。在過去，設(shè)計師和產(chǎn)品、開發(fā)者都有明確的角色分配，但隨著全棧設(shè)計和全鏈路設(shè)計的升溫，設(shè)計師的角色定位有了更多可能性，可以更進(jìn)一步融入產(chǎn)品的設(shè)計開發(fā)流程中。全棧全鏈路設(shè)計，二者本質(zhì)上都需要設(shè)計師擁有更強(qiáng)的綜合思維能力。Figma的跨界功能集成優(yōu)勢，很好的匹配了這種職業(yè)發(fā)展方向。更多資訊持續(xù)關(guān)注AAA教育。