Figma是一款用于界面設(shè)計(jì)、原型搭建與協(xié)作的在線工具，支持多設(shè)備同步操作，設(shè)計(jì)過(guò)程實(shí)時(shí)保存，避免文件丟失，團(tuán)隊(duì)成員可同時(shí)編輯同一項(xiàng)目，實(shí)時(shí)查看彼此修改，減少溝通成本，設(shè)計(jì)成果能快速轉(zhuǎn)化為可交互原型，便于演示與測(cè)試，提升創(chuàng)作效率。

Figma特點(diǎn)

1、轉(zhuǎn)換輕松無(wú)壓力

不少設(shè)計(jì)師從PS轉(zhuǎn)Sketch時(shí)適應(yīng)了很久，但從Sketch換到Figma就簡(jiǎn)單多了，就像PS和AI的快捷鍵差不多，基本不用重新學(xué)。直接把Sketch文件拖進(jìn)去，圖層、樣式、文字這些都能完整保留，馬上就能接著干活。

2、多人一起改圖不打架

用過(guò)Google Docs的人都知道，一堆人同時(shí)改表格是什么體驗(yàn)，而Figma讓多人同時(shí)改設(shè)計(jì)稿變得可行，甚至能一起調(diào)整同一個(gè)圖形。

Sketch的協(xié)作功能一直不太好，要么只能發(fā)文件給別人，要么得靠Zeplin這類工具中轉(zhuǎn)，Windows用戶用起來(lái)更麻煩。Figma直接基于網(wǎng)頁(yè)，操作流暢到不像在瀏覽器里干活。

3、更聰明的設(shè)計(jì)功能

不同屏幕尺寸適配是個(gè)老難題，Sketch雖然加了Symbol縮放功能，但整體畫布的拉伸效果還是不夠直觀，比如同一張稿子在iPhone5和6P上的差別沒(méi)法一眼看清。Figma把這部分優(yōu)化得很到位，調(diào)整起來(lái)更方便。

Figma操作步驟

1、先按鍵盤的 A 鍵調(diào)出畫板工具，選個(gè)合適的設(shè)備尺寸，比如這次要改版網(wǎng)站首頁(yè)，就選「MacBook Pro」的模板。

2、光有白底不方便排版，得加參考線輔助對(duì)齊。點(diǎn)右邊面板的加號(hào)，找到 LAYOUT GRID 里的網(wǎng)格(10px間距)，系統(tǒng)會(huì)自動(dòng)鋪滿整個(gè)畫布。

Figma功能

1、設(shè)計(jì)功能

讓網(wǎng)頁(yè)設(shè)計(jì)變得更順手，F(xiàn)igma專為現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)打造，有很多獨(dú)特的功能：

智能鋼筆工具：用矢量網(wǎng)格自由繪制，不受路徑起點(diǎn)限制

快速畫弧線：輕松設(shè)計(jì)表盤、圖表等圓形元素

專業(yè)字體支持：使用OpenType字體高級(jí)功能展現(xiàn)品牌個(gè)性

自動(dòng)排版系統(tǒng)：減少手動(dòng)調(diào)整時(shí)間，專注創(chuàng)意設(shè)計(jì)

自動(dòng)布局優(yōu)勢(shì)

智能適配：按鈕隨文字自動(dòng)調(diào)整大小，列表自動(dòng)重排

彈性填充：組件可左右/上下拉伸，適配不同屏幕

開(kāi)發(fā)友好：間距、邊距等設(shè)置可直接生成代碼

設(shè)計(jì)資源管理

云端素材庫(kù)：隨時(shí)調(diào)用團(tuán)隊(duì)設(shè)計(jì)資源

統(tǒng)一樣式：一鍵應(yīng)用顏色、文字等樣式規(guī)范

組件化設(shè)計(jì)：快速?gòu)?fù)用和修改設(shè)計(jì)元素

便捷搜索：輕松找到需要的素材并拖拽使用

2、原型制作

做出逼真的交互效果

把靜態(tài)設(shè)計(jì)變成可互動(dòng)的原型，無(wú)需寫代碼：

簡(jiǎn)單連線：拖拽連接界面元素，設(shè)置轉(zhuǎn)場(chǎng)效果

豐富交互：支持點(diǎn)擊、懸停、長(zhǎng)按等多種操作

移動(dòng)端優(yōu)化：帶設(shè)備邊框和自然滾動(dòng)效果

高級(jí)動(dòng)畫功能

智能過(guò)渡：自動(dòng)生成對(duì)象動(dòng)畫效果

多層疊加：創(chuàng)建復(fù)雜的交互動(dòng)畫

GIF支持：展示動(dòng)態(tài)設(shè)計(jì)細(xì)節(jié)

全流程協(xié)作

一體化工作：設(shè)計(jì)、原型、反饋在一個(gè)平臺(tái)完成

實(shí)時(shí)同步：修改設(shè)計(jì)后原型自動(dòng)更新

便捷分享：發(fā)送鏈接即可查看互動(dòng)原型

注釋留存：反饋意見(jiàn)直接關(guān)聯(lián)設(shè)計(jì)文件

常見(jiàn)問(wèn)題解答

1、Figma比Sketch好用在哪?

操作更流暢，組件系統(tǒng)更智能，所有文件自動(dòng)云端同步。設(shè)計(jì)師可以專注創(chuàng)作，不用操心文件管理。唯一的門檻是需要穩(wěn)定網(wǎng)絡(luò)。

2、怎么收費(fèi)的?

免費(fèi)版：3個(gè)項(xiàng)目/2人協(xié)作/30天歷史記錄

專業(yè)版：12美元/月/人，無(wú)限項(xiàng)目

企業(yè)版：45美元/月/人，增加高級(jí)管理功能

3、有中文版嗎?

目前沒(méi)有，但界面用到的英文都很簡(jiǎn)單。正好可以邊用邊學(xué)英語(yǔ)，對(duì)職業(yè)發(fā)展有幫助。

4、能輸入中文嗎?

可以的!只要把字體換成支持中文的(如蘋方或思源黑體)就能正常顯示。字體列表雖然是英文顯示，但不影響使用。