軟件介紹

Figma是一款國內(nèi)外都非常有名的電腦ui界面設(shè)計工具，可以幫助團隊從開始到完成創(chuàng)建、測試和發(fā)布更好的設(shè)計，好看、順滑、符合直覺的組件機制以及云端統(tǒng)一文件管理，總的來說 Figma 是真正為設(shè)計師而做的產(chǎn)品，讓你可以專心于設(shè)計本身而無需關(guān)心其他問題！

Figma軟件特色

【無縫的轉(zhuǎn)換體驗】

很多設(shè)計師從PS切換到Sketch都花費了很長一段時間，但從Sketch切換到Figma則不需要那么麻煩，就像從PS到AI，快捷鍵幾乎是一樣的沒有太多學(xué)習(xí)成本。直接導(dǎo)入一個Sketch文件，所有的信息和內(nèi)容都得到了最大限度的保留，可以直接開始繼續(xù)你的設(shè)計。

【真正的多人協(xié)作】

如果你用過Google Doc，一堆人在一個Spreadsheets里七嘴八舌，那應(yīng)該不難想象一堆人在同一個Sketch里編輯的畫面，甚至可以多人編輯同一個形狀。

Sketch目前的多人協(xié)作的體驗很差，除了直接把文檔發(fā)給對方?jīng)]有其他輔助功能，想要發(fā)給用windows工程師只能借助Zeplin這樣的工具，F(xiàn)igma則給出了web-based解決方案，流暢的操作體驗甚至讓你忘記了這是一個網(wǎng)站。、

【更加智能的設(shè)計工具】

為不同大小屏幕做設(shè)計一直是各大設(shè)計群經(jīng)久不衰的話題，Sketch在39版里為symbol引入了縮放這個概念，但整個畫布所有對象的拉伸縮放沒有解決很好，無法直觀的看出同一份設(shè)計稿在iPhone5和iPhone6P的表現(xiàn)到底有何不同，F(xiàn)igma則把這個選項放在了很重要的位置。

軟件功能

Figma(原型設(shè)計軟件)是一款基于Web的設(shè)計工具，這就導(dǎo)致在默認情況下，我們只能選擇一些瀏覽器支持的內(nèi)置字體(主要是Google Web Fonts)，但是，這種情況下中文要怎么辦?我們總不能不用中文吧?沒關(guān)系，F(xiàn)igma的開發(fā)者想到了這一點，只需要安裝一款名為Figma Font Helper的工具，如果不想安裝也可以，直接下載Figma的桌面版本APP，這個時候應(yīng)用就會默認支持系統(tǒng)的所有字體顯示啦。

安裝完成后，你的瀏覽器中的Figma就可以讀取你電腦上安裝的所有字體咯。目前來說，F(xiàn)igma對于中文字體還是有一些小瑕疵，希望后續(xù)能更好的優(yōu)化調(diào)整。

軟件亮點

設(shè)計：讓網(wǎng)絡(luò)設(shè)計變得簡單

Figma是為未來的網(wǎng)絡(luò)而生的。這就是為什么你會看到其他地方找不到的功能。

一個現(xiàn)代化的鋼筆工具。用矢量網(wǎng)絡(luò)向任何方向繪制。不再需要合并或需要連接到路徑的原點。

即時的弧線設(shè)計。使用Arc工具輕松設(shè)計時鐘、手表屏幕或餅圖。

使用OpenType來表現(xiàn)。進入高級字體功能，充分表達你的品牌。

使用自動布局進行設(shè)計花費更多的時間進行迭代，減少移動物品的時間。

更少的手動調(diào)整大小：按鈕可以隨其文本調(diào)整大小，當項目被移動時，列表可以重新排列。

拉伸填充。自動布局組件現(xiàn)在可以向左和向右（或頂部和底部）拉伸，以便于響應(yīng)式設(shè)計。

設(shè)計講發(fā)展。Auto Layout 的 padding、方向和間距設(shè)置可直接轉(zhuǎn)化為代碼，簡化了開發(fā)人員的交接工作。

始終如一地高效運轉(zhuǎn)，有了云端的設(shè)計系統(tǒng)，您庫中的所有好東西總是一鍵搞定。

靈活的樣式。創(chuàng)建一致的樣式--顏色、文本、網(wǎng)格或效果。將它們應(yīng)用于所有項目中的任何文本或?qū)ο蟆?/p>

系統(tǒng)化設(shè)計。使用組件加快設(shè)計速度。快速編輯和覆蓋。

可訪問的庫。快速搜索就能找到你想要的資產(chǎn)。只需將它們拖放到您的文件中即可。

把開發(fā)者的交接變成握手，盡早并經(jīng)常將開發(fā)人員帶入你的流程中。讓他們獲得所需的規(guī)格和資產(chǎn)。

無限的瀏覽者。邀請盡可能多的隊友來查看和評論 (psst，這是免費的)。

檢查設(shè)計文件。任何瀏覽者都可以抓取CSS、iOS和Android的生成代碼片段。

輕松導(dǎo)出。以你需要的格式導(dǎo)出你所需要的準確資產(chǎn)。

原型設(shè)計：創(chuàng)建感覺像真實體驗的原型

把你的靜態(tài)設(shè)計文件變成一個互動的體驗，不需要編碼。

直觀構(gòu)建：簡單地連接UI元素并選擇交互和動畫。

交互：定義微妙的交互，比如點擊、懸停、按下按鈕等等。

移動優(yōu)化：設(shè)備框架和動量滾動等細節(jié)讓你的原型感覺像真正的體驗。

展示，不要說出你的互動愿景，通過詳細說明您設(shè)想的交互細節(jié)，消除開發(fā)中的猜測。

高級轉(zhuǎn)換與智能動畫：自動動畫相似的對象和創(chuàng)建詳細的過渡。

動態(tài)覆蓋：創(chuàng)建多層交互式內(nèi)容覆蓋。

動畫gif：使用gif來表示運動設(shè)計、視頻元素和精細動畫。

在一個工具中完成所有操作，不要再在工具之間跳躍了。在Figma中設(shè)計、制作原型、分享和收集反饋。

一體式平臺：在設(shè)計文件和實時原型之間切換。設(shè)計編輯會立即出現(xiàn)在原型中。

可共享原型：共享到原型的鏈接。通過互聯(lián)網(wǎng)隨時隨地查看。

嵌入注釋：原型中的注釋。它們會保留到設(shè)計文件中，這樣就不會丟失任何內(nèi)容。

常見問題

Figma 與 Sketch 相比有哪些優(yōu)勢？

好看、順滑、符合直覺的組件機制以及云端統(tǒng)一文件管理，總的來說 Figma 是真正為設(shè)計師而做的產(chǎn)品，讓你可以專心于設(shè)計本身而無需關(guān)心其他問題。目前唯一的問題可能是網(wǎng)絡(luò)，但我覺得對一個追求上進的設(shè)計師來說這不算問題。

Sketch 用戶如何轉(zhuǎn)向 Figma？

Figma 如何收費？

Figma 以團隊->項目->文件的結(jié)構(gòu)來進行組織，其中“團隊”分為基礎(chǔ)版、專業(yè)版和組織版，其中基礎(chǔ)版免費。

基礎(chǔ)版團隊免費但只能有 3 個項目 2 個編輯者且歷史記錄只保存 30 天，可跨文件共享樣式；

專業(yè)版團隊每個編輯者每月 $15（按年付 $12*12=$144），無限項目，自定義權(quán)限控制，可跨文件共享組件；

組織版團隊每個編輯者每月 $45，除了專業(yè)版權(quán)益以外，還有私有插件、設(shè)計系統(tǒng)統(tǒng)計等高級功能。

Figma有中文漢化版嗎？

沒有。其實大部分單詞都不難，多用用就熟悉了。此外這也是學(xué)習(xí)英語的一個好機會，對設(shè)計師職業(yè)發(fā)展好處多多，而且英語不應(yīng)該成為你的阻礙。

為什么不支持中文輸入呢？

其實是支持的，因為默認是一個英文字體，你只需要切換為一個中文字體就可以了。目前 Figma 字體列表這里顯示的都還是英文，你可以選擇 PingFang SC 或者 Noto Sans SC。