Figma下一代UI設計神器

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

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

　　概述
 

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

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

　　歷史追溯
 

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

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

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

　　黑馬逆襲
 

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

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

　　2、Figma是什么
 

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

　　基于瀏覽器
 

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

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

　　設計協(xié)作
 

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

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

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

　　內部溝通——多人在線同時編輯
 

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

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

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

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

　　3、工具的技術趨勢
 

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

　　技術趨勢
 

　　·數(shù)字化
 

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

　　·云計算
 

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

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

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

　　·人工智能
 

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

　　· 5G
 

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

　　工具趨勢
 

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

　　云端化
 

　　云端化是工作載體的變革，從本地到云端，信息以最快的方式觸達和共享。用戶無需在本地安裝軟件和插件，直接在瀏覽器上使用工具，擺脫了電腦硬件的束縛。云端擁有強大的計算能力，使用性能遠超一般的本地軟件?？截悅魉褪降谋镜啬Ｊ皆谖募墓蚕砩希蔬h不如鏈接式的云端模式。比較典型的例子就是各類在線文檔編輯工具。
 

　　一體化
 

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

　　Figma的模式
 

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