產(chǎn)品介紹

Figma是一款向量圖形編輯軟件，可以在所有的主流操作系統(tǒng)中運(yùn)行，無(wú)論是Mac OS、Windows或者是Linux和 Chrome OS都可以流暢操作。Figma基于web的模式極大的方便了協(xié)作辦公的需求，具有無(wú)需下載、無(wú)需安裝、在線編輯、方便管理、同步協(xié)作以及極小的資源占用等等功能優(yōu)勢(shì)，因而受到了越來(lái)越多的用戶認(rèn)可，發(fā)展勢(shì)頭大有趕超Sketch之勢(shì)。

基本功能

樣式風(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))，也可以使U設(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):

在Fiqma中我們可以給頁(yè)面(即frame)和組件添加?xùn)鸥瘢鴸鸥窨梢蕴砑泳W(wǎng)格、行和列。在頁(yè)面中添加網(wǎng)格可以幫助你對(duì)齊元素，但我一般會(huì)添加列柵格，因?yàn)樗梢詭椭野言嘏帕袨榈确值膸琢校⒈３衷亻g隙。

插件庫(kù):

Fiqma的插件庫(kù)目前還在極速的更新和壯大當(dāng)中，越來(lái)越多的開(kāi)發(fā)者將自己的想法注入到Fioma，相比 Sketch 那種傳統(tǒng)的安裝與更新插件的方式，Figma 基于web的優(yōu)勢(shì)又體現(xiàn)出來(lái)了，直接在組件菜單中搜索，點(diǎn)擊lnstal等待安裝完成就可以了，之后在畫(huà)板頁(yè)面便可以從左側(cè)的菜單欄中直接選擇調(diào)用已下載的插件了。