基本功能

樣式風(fēng)格：Figma中可以制作出可重復(fù)使用的樣式，如網(wǎng)格、色彩、效果、文本,。就拿格子來(lái)說(shuō),，格子由總寬,、列,、水槽,、邊距組成，當(dāng)我們建立了一個(gè)網(wǎng)格，通過(guò)點(diǎn)擊右邊的加號(hào)就可以創(chuàng)建一個(gè)復(fù)用網(wǎng)格。
組件：在Figma中,，通過(guò)選中一個(gè)元素,，點(diǎn)擊頂部創(chuàng)建一個(gè)組件圖標(biāo),，就可以創(chuàng)建一個(gè)主版本(Mac快捷鍵：command+option+k),。選擇了多個(gè)元素后，可以通過(guò)單擊頂部的組件中的下拉圖標(biāo)創(chuàng)建多個(gè)組件,。
變體：簡(jiǎn)而言之,，變體就是一個(gè)超級(jí)組件(a.b.1.2.)通過(guò)分類將多個(gè)組件(a.b.1.2...)結(jié)合起來(lái)，設(shè)計(jì)者最終通過(guò)調(diào)用A,，就可以達(dá)到同時(shí)切換Aa.Ab.A1.A2..
自動(dòng)布局：自動(dòng)化布局是指當(dāng)子元素在增加或減少時(shí),，父元素的尺寸會(huì)自動(dòng)改變，或者當(dāng)父元素改變時(shí),，其子元素會(huì)按照規(guī)則自動(dòng)改變,。使用自動(dòng)布局，可以大大減少重復(fù)性工作(間距計(jì)算.元素校準(zhǔn)),，也可以使UI設(shè)計(jì)稿框架化,，幫助我們站在開(kāi)發(fā)視角繪制界面，這有助于提高界面還原度,。
互動(dòng)部分：一個(gè)交互組件指的是一個(gè)原型交互可以在組件集的各種變量中創(chuàng)建,。在使用創(chuàng)建良好的交互組件時(shí)，可以在預(yù)覽界面上完成組件的不同狀態(tài)切換,，并可以對(duì)組件進(jìn)行交互,。

特色功能

歷史版本：Figma可以自動(dòng)保存最近30天的歷史，因而設(shè)計(jì)師可以盡管放開(kāi)的去思考和構(gòu)思,，隨時(shí)可以恢復(fù)到之前的版本,。
柵格系統(tǒng)：在Figma中我們可以給頁(yè)面（即frame）和組件添加?xùn)鸥瘢鴸鸥窨梢蕴砑泳W(wǎng)格,、行和列,。在頁(yè)面中添加網(wǎng)格可以幫助你對(duì)齊元素，但我一般會(huì)添加列柵格,，因?yàn)樗梢詭椭野言嘏帕袨榈确值膸琢?，并保持元素間隙。
插件庫(kù)：Figma的插件庫(kù)目前還在極速的更新和壯大當(dāng)中,，越來(lái)越多的開(kāi)發(fā)者將自己的想法注入到Figma,，相比 Sketch 那種傳統(tǒng)的安裝與更新插件的方式,，F(xiàn)igma 基于web的優(yōu)勢(shì)又體現(xiàn)出來(lái)了,，直接在組件菜單中搜索，點(diǎn)擊Install等待安裝完成就可以了,，之后在畫板頁(yè)面便可以從左側(cè)的菜單欄中直接選擇調(diào)用已下載的插件了,。

主要缺點(diǎn)

對(duì)中文的支持不是很友好：直接在Figma里輸入中文由于字庫(kù)的關(guān)系,，會(huì)有很多中文是沒(méi)有辦法正常顯示的。要解決這個(gè)問(wèn)題,，需要同時(shí)下載 Figma的 Font Helper,，才能保證在瀏覽器中正常的使用本地字體。如果下載后還沒(méi)有解決的話,，那我推薦你可以再下載兩個(gè)字體插件,， Better Font Picker 和 Font Explorer 。
全程需要聯(lián)網(wǎng)：這個(gè)是由 Figma 自身的特性決定的,，這無(wú)疑會(huì)限制 Figma 的使用場(chǎng)所,。
網(wǎng)絡(luò)不是特別穩(wěn)定：這個(gè)由于 Figma 的服務(wù)器在國(guó)外，直接使用國(guó)內(nèi)網(wǎng)絡(luò)進(jìn)行連接的話,，確實(shí)會(huì)有時(shí)候打開(kāi)不太迅速,，保存的不是很及時(shí)等情況發(fā)生，這個(gè)時(shí)候就得找個(gè)梯子了,。