Figma原型設(shè)計(jì)軟件

Figma是一款基于瀏覽器的界面設(shè)計(jì)協(xié)作工具， 從推出至今越來越受到 UI 設(shè)計(jì)師的青睞，軟件可以將設(shè)計(jì)項(xiàng)目時(shí)刻保存在云端，方便用戶對設(shè)計(jì)進(jìn)行實(shí)時(shí)的修改，非常方便好用。

軟件特色

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

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

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

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

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

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

使用自動布局進(jìn)行設(shè)計(jì)

花費(fèi)更多的時(shí)間進(jìn)行迭代，減少移動物品的時(shí)間。

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

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

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

始終如一地高效運(yùn)轉(zhuǎn)

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

靈活的樣式。創(chuàng)建一致的樣式--顏色、文本、網(wǎng)格或效果。將它們應(yīng)用于所有項(xiàng)目中的任何文本或?qū)ο蟆?br />
系統(tǒng)化設(shè)計(jì)。使用組件加快設(shè)計(jì)速度?？焖倬庉嫼透采w。

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

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

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

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

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

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

2、原型設(shè)計(jì)

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

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

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

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

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

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

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

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

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

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

在一個(gè)工具中完成所有操作

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

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

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

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

Figma的模式

Figma的愿景是成為設(shè)計(jì)界的 Google Docs，打造類似 GitHub 的設(shè)計(jì)共享與協(xié)作的社區(qū)。

這也是我認(rèn)為Figma現(xiàn)階段逆襲的原因所在，它敏銳的捕捉到了云端和協(xié)同的價(jià)值。

在過去，設(shè)計(jì)師和產(chǎn)品、開發(fā)者都有明確的角色分配，但隨著全棧設(shè)計(jì)和全鏈路設(shè)計(jì)的升溫，設(shè)計(jì)師的角色定位有了更多可能性，可以更進(jìn)一步融入產(chǎn)品的設(shè)計(jì)開發(fā)流程中。

全棧全鏈路設(shè)計(jì)，二者本質(zhì)上都需要設(shè)計(jì)師擁有更強(qiáng)的綜合思維能力。Figma的跨界功能集成優(yōu)勢，很好的匹配了這種職業(yè)發(fā)展方向。

常見問題

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

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

Figma如何收費(fèi)？

Figma以團(tuán)隊(duì)-》項(xiàng)目-》文件的結(jié)構(gòu)來進(jìn)行組織，其中“團(tuán)隊(duì)”分為基礎(chǔ)版、專業(yè)版和組織版，其中基礎(chǔ)版免費(fèi)。

基礎(chǔ)版團(tuán)隊(duì)免費(fèi)但只能有3個(gè)項(xiàng)目2個(gè)編輯者且歷史記錄只保存30天，可跨文件共享樣式；

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

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

有中文漢化版嗎？

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

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

其實(shí)是支持的，因?yàn)槟J(rèn)是一個(gè)英文字體，你只需要切換為一個(gè)中文字體就可以了。目前Figma字體列表這里顯示的都還是英文，你可以選擇PingFang SC或者Noto Sans SC。