基本功能
樣式風格:Figma中可以制作出可重復使用的樣式,如網格、色彩、效果、文本。就拿格子來說,格子由總寬、列、水槽、邊距組成,當我們建立了一個網格,通過點擊右邊的加號就可以創建一個復用網格。
組件:在Figma中,通過選中一個元素,點擊頂部創建一個組件圖標,就可以創建一個主版本(Mac快捷鍵:command+option+k)。選擇了多個元素后,可以通過單擊頂部的組件中的下拉圖標創建多個組件。
變體:簡而言之,變體就是一個超級組件(a.b.1.2.)通過分類將多個組件(a.b.1.2...)結合起來,設計者最終通過調用A,就可以達到同時切換Aa.Ab.A1.A2..
自動布局:自動化布局是指當子元素在增加或減少時,父元素的尺寸會自動改變,或者當父元素改變時,其子元素會按照規則自動改變。使用自動布局,可以大大減少重復性工作(間距計算.元素校準),也可以使UI設計稿框架化,幫助我們站在開發視角繪制界面,這有助于提高界面還原度。
互動部分:一個交互組件指的是一個原型交互可以在組件集的各種變量中創建。在使用創建良好的交互組件時,可以在預覽界面上完成組件的不同狀態切換,并可以對組件進行交互。
特色功能
歷史版本:Figma可以自動保存最近30天的歷史,因而設計師可以盡管放開的去思考和構思,隨時可以恢復到之前的版本。
柵格系統:在Figma中我們可以給頁面(即frame)和組件添加柵格,而柵格可以添加網格、行和列。在頁面中添加網格可以幫助你對齊元素,但我一般會添加列柵格,因為它可以幫助我把元素排列為等分的幾列,并保持元素間隙。
插件庫:Figma的插件庫目前還在極速的更新和壯大當中,越來越多的開發者將自己的想法注入到Figma,相比 Sketch 那種傳統的安裝與更新插件的方式,Figma 基于web的優勢又體現出來了,直接在組件菜單中搜索,點擊Install等待安裝完成就可以了,之后在畫板頁面便可以從左側的菜單欄中直接選擇調用已下載的插件了。
主要缺點
對中文的支持不是很友好:直接在Figma里輸入中文由于字庫的關系,會有很多中文是沒有辦法正常顯示的。要解決這個問題,需要同時下載 Figma的 Font Helper,才能保證在瀏覽器中正常的使用本地字體。如果下載后還沒有解決的話,那我推薦你可以再下載兩個字體插件, Better Font Picker 和 Font Explorer 。
全程需要聯網:這個是由 Figma 自身的特性決定的,這無疑會限制 Figma 的使用場所。
網絡不是特別穩定:這個由于 Figma 的服務器在國外,直接使用國內網絡進行連接的話,確實會有時候打開不太迅速,保存的不是很及時等情況發生,這個時候就得找個梯子了。