Figma軟件 v114.4.0官方版

設計如今已經(jīng)成為越來越多人喜愛的興趣之一，生活之中無處不在的設計，讓我們十分憧憬有一天自己也能成為一個優(yōu)秀的設計大師，為首先我們需要明確努力的方向，然后一款得心應手的設計軟件必不可缺。為此小編給大家?guī)砹?strong>Figma軟件，這是一款基于瀏覽器的協(xié)作式UI設計工具，能夠幫助用戶輕松設計各種產(chǎn)品原型，提高用戶的產(chǎn)品設計效率，讓作品更加優(yōu)秀。軟件支持自適應屏幕大小、歷史記錄、導入 Sketch 文件、只看某人等功能，給那些喜歡指揮設計師的老板們提供了一條發(fā)揮途徑。如果你是老板，可以直接實時的看到你的設計師們設計的過程，并且提供實時提供你的個人建議，非常的方便。

另外，F(xiàn)igma軟件擁有強大的在線更新功能，讓用戶可以一邊進行設計一邊觀看自己設計的界面，實時了解UI界面的修改情況，以便各位設計師更好的創(chuàng)作。它還支持多人協(xié)作功能，讓用戶可以與他人一起設計界面，最重要的是不會產(chǎn)生沖突，大幅度提升了用戶的設計效率，并且也讓設計的作品變的更加完美，有需要的用戶歡迎下載體驗。

軟件特色

1、無縫的轉(zhuǎn)換體驗

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

2、真正的多人協(xié)作

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

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

3、更加智能的設計工具

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

使用教程

1、我們按下鍵盤上的 A ，呼出快捷鍵功能，創(chuàng)建一個畫板，然后在右側(cè)選擇你喜歡的產(chǎn)品類型便能夠得到一個對應的 UI 大小的網(wǎng)格。因為現(xiàn)在我們是要 redesign 少數(shù)派的首頁，所以我們選「MacBook Pro」。

2、但是你也發(fā)現(xiàn)了，空白的界面并不適合設計，我們需要一些網(wǎng)格來幫我們輔助定位和分配空間。點擊右邊的加號，能夠看到 LAYOUT GRID 下面的 Grid (10px) 會幫我們自動生成一個鋪滿當前白色頁面的網(wǎng)格。

軟件功能

1、設計

讓網(wǎng)絡設計變得簡單

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

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

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

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

使用自動布局進行設計

花費更多的時間進行迭代，減少移動物品的時間。

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

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

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

有了云端的設計系統(tǒng)，您庫中的所有好東西總是一鍵搞定。

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

系統(tǒng)化設計。使用組件加快設計速度?？焖倬庉嫼透采w。

可訪問的庫?？焖偎阉骶湍苷业侥阆胍馁Y產(chǎn)。只需將它們拖放到您的文件中即可。

把開發(fā)者的交接變成握手

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

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

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

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

2、原型設計

創(chuàng)建感覺像真實體驗的原型

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

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

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

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

展示，不要說出你的互動愿景

通過詳細說明您設想的交互細節(jié)，消除開發(fā)中的猜測。

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

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

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

在一個工具中完成所有操作

不要再在工具之間跳躍了。在Figma中設計、制作原型、分享和收集反饋。

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

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

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

常見問題

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

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

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

2、Figma 如何收費？

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

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

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

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

3、有中文漢化版嗎？

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

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

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