Figma在線UI設計工具入門教程

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

　　全世界都在使用Figma
 

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

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

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

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

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

　　1.1為什么大家都在轉型Figma?
 

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

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

　　協作效率
 

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

　　設計維護
 

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

　　價格與權限
 

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

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