Figma在線UI設(shè)計工具入門教程

　　就在幾年前，figma變得越來越流行。不僅在國外，許多國內(nèi)大廠也開始使用figma，這是一種在線設(shè)計工具。如果你是一個UI設(shè)計師，你也想要體驗它的魅力。建議您看一下這個入門教程。本文AAA教育的武老師還提出了素描向figma遷移的一些問題和解決辦法。讓我們一起學(xué)習(xí)。
 

　　全世界都在使用Figma
 

　　看來我們不僅在未來三年內(nèi)使用figma，而且將來也不會使用它。事實上，大量的專業(yè)設(shè)計團隊試圖不惜任何代價從傳統(tǒng)的設(shè)計軟件(草圖等)向figma轉(zhuǎn)型，因為他們看到了代表未來的生產(chǎn)力工具和協(xié)作方法。
 

　　當(dāng)我第一次接觸菲格瑪時，素描在18年里占據(jù)了體驗設(shè)計市場。當(dāng)時人們普遍認為figma是可以的，但它不能代替素描。之所以做出這樣的判斷，主要是因為figma在產(chǎn)品設(shè)計的早期階段的經(jīng)驗和功能都不盡如人意，其遠程共享和協(xié)作的理念也有點超前，未能真正影響本土化、協(xié)同化的設(shè)計開發(fā)模式。
 

　　從figma的首席設(shè)計師(現(xiàn)已退休)rasmus Andersson對figma設(shè)計的總結(jié)中，我了解到figma真正開始了16年的產(chǎn)品設(shè)計過程。拉斯穆斯·安德森在figma任職16年，20年前離職，參與了figma從品牌到設(shè)計工具的所有設(shè)計工作。近年來，figma始終堅持以共享與合作為核心主題。他們將figma產(chǎn)品設(shè)計分為兩個核心模塊，一個是編輯器，這是UI生產(chǎn)力工具部分，另一個是協(xié)作模塊，它涉及文件管理、共享和協(xié)作。
 

　　figma的一個亮點是基于Web平臺的開發(fā)，以支持它在所有硬件產(chǎn)品和場景中的使用。然后，在rasmus Andersson的驅(qū)動下，他們最終開發(fā)出了客戶端版本，最終的結(jié)果是使用客戶端版本的用戶數(shù)量高于web用戶。
 

　　總之，F(xiàn)igma是一種新興的設(shè)計軟件，適用于多平臺、多系統(tǒng)，可以在任何場景(Windows或MAC)下工作，可以作為設(shè)計團隊的統(tǒng)一設(shè)計工具，基于Web開發(fā)的版本可以滿足異常場景下的設(shè)計需求。例如，當(dāng)他們回到家鄉(xiāng)的時候，他們身邊就沒有帶設(shè)計工具的電腦。同時，還可以解決由于本地硬件條件的限制而導(dǎo)致的文件丟失等問題。此外，在疫情檢查下，其優(yōu)秀的遠程協(xié)作體驗也成為其自身的障礙，遠遠高于其他競爭產(chǎn)品。另外，在國內(nèi)一款協(xié)同標注軟件開始收費后，其價格已經(jīng)成為一種合理的競爭力，遠低于Sketch+Lanhu的價格。
 

　　1.1為什么大家都在轉(zhuǎn)型Figma?
 

　　事實上，一個設(shè)計中心全部轉(zhuǎn)換軟件，首先要考慮的是學(xué)習(xí)成本，及轉(zhuǎn)型和遷移期間不可控的效率和設(shè)計輸出質(zhì)量等問題，另外一個關(guān)鍵點就是新的設(shè)計軟件意味著一筆新的正版軟件費用，而且是一筆很龐大的費用。涉及到這么多現(xiàn)實問題，必然不會是因為單純的潮流趨勢等理想型原因而轉(zhuǎn)型，因為很難推動。因此我意識到，從利益相關(guān)者角度考慮，核心點只可能是Figma能夠帶來真正的效率提升(設(shè)計師)，從長遠看能為企業(yè)賺取更多的收益(企業(yè))，且綜合來看能提供數(shù)倍的協(xié)作效率和協(xié)作質(zhì)量(需求方上游和開發(fā)下游)。
 

　　有公司Sketch+藍湖的生產(chǎn)力模式到目前所在公司的Sketch+Sketch Measure的模式的設(shè)計師，應(yīng)該對這個話題很有發(fā)言權(quán)，傳統(tǒng)的依托于本地輸出資源對接的方式，效率相較于線上共享、對接、協(xié)作的方式真的可謂天壤之別。
 

　　協(xié)作效率
 

　　以我的設(shè)計工作流程為例，我司使用谷歌全家桶進行項目管理，設(shè)計資源一般規(guī)范命名導(dǎo)出后上傳至Google Drive統(tǒng)一管理，其優(yōu)點在于文件管理規(guī)范化，從設(shè)計到開發(fā)皆置于一套線性工作流程中，輸出物可溯源易管理，協(xié)作效率蠻不錯，但當(dāng)發(fā)生一點設(shè)計修改之后，整套輸出物從設(shè)計稿到標注內(nèi)容都要重新輸出整理一份，并再次手動上傳。這種偏傳統(tǒng)的協(xié)作方式，尤其是設(shè)計輸出的方式在長遠來看不利于設(shè)計管理和上下游協(xié)作。一方面修改更新的成本較高，一方面容易造成版本混亂輸出物混亂而導(dǎo)致實際產(chǎn)品實現(xiàn)結(jié)果的問題。
 

　　設(shè)計維護
 

　　版本維護是在進行復(fù)雜項目設(shè)計時必要的一項工作，修改了哪些內(nèi)容，誰來修改的如何溯源，更新后的版本如何快速同步給上下游?這一點工作在傳統(tǒng)設(shè)計協(xié)作模式中一般需要多個工具及多個協(xié)作行為來完成，如設(shè)計新版本-輸出新的Design Draft-上傳至同步工具(如Drive)-提醒上下游-更新源文件(設(shè)計組內(nèi))。而在Figma中，設(shè)計源文件、設(shè)計輸出融合為一套內(nèi)容。在源文件修改后可以快速自動同步給各方，一個figma文件本身即是設(shè)計師對應(yīng)的源文件，也是上游需要的預(yù)覽稿Draft，更是下游開發(fā)需要的輸出標注。維護成為無意識的自動化過程而不需要太多人力介入。
 

　　價格與權(quán)限
 

　　價格與權(quán)限方面，我只需要為大家展示免費版的權(quán)限即可，其中最關(guān)鍵的就是Viewers，在藍湖收費后，設(shè)計師應(yīng)該理解這個無限viewer意味著什么。這意味著你可以自由的分享設(shè)計稿給產(chǎn)品和開發(fā)而不用提心吊膽的計算Viewer的限制。這主要是針對獨立設(shè)計師和小企業(yè)設(shè)計師，專業(yè)設(shè)計團隊的話更多的是考慮產(chǎn)品效率，企業(yè)收益等問題，價格反而其次。
 

　　本篇文章初心就是幫助大家快速入門Figma，這過程中梳理出一個更易于理解的教學(xué)方式，或者說陳述邏輯。之后會推出分別對應(yīng)初學(xué)者最初接觸搭建基礎(chǔ)、進階學(xué)習(xí)高級功能、正式遷移轉(zhuǎn)變工具的三個階段文章。這篇文章的內(nèi)容你學(xué)到了嗎，更多資訊請持續(xù)關(guān)注AAA教育~