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

Figma特點

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

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

2、多人一起改圖不打架

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

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

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

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

Figma操作步驟

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

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

Figma功能

1、設(shè)計功能

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

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

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

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

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

自動布局優(yōu)勢

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

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

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

設(shè)計資源管理

云端素材庫：隨時調(diào)用團隊設(shè)計資源

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

組件化設(shè)計：快速復(fù)用和修改設(shè)計元素

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

2、原型制作

做出逼真的交互效果

把靜態(tài)設(shè)計變成可互動的原型，無需寫代碼：

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

豐富交互：支持點擊、懸停、長按等多種操作

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

高級動畫功能

智能過渡：自動生成對象動畫效果

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

GIF支持：展示動態(tài)設(shè)計細節(jié)

全流程協(xié)作

一體化工作：設(shè)計、原型、反饋在一個平臺完成

實時同步：修改設(shè)計后原型自動更新

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

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

常見問題解答

1、Figma比Sketch好用在哪?

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

2、怎么收費的?

免費版：3個項目/2人協(xié)作/30天歷史記錄

專業(yè)版：12美元/月/人，無限項目

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

3、有中文版嗎?

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

4、能輸入中文嗎?

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