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

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

軟件特色

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

直觀構(gòu)建：簡(jiǎn)單地連接UI元素并選擇交互和動(dòng)畫(huà)。

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

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

展示，不要說(shuō)出你的互動(dòng)愿景

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

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

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

動(dòng)畫(huà)gif：使用gif來(lái)表示運(yùn)動(dòng)設(shè)計(jì)、視頻元素和精細(xì)動(dòng)畫(huà)。

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

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

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

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

嵌入注釋?zhuān)涸椭械淖⑨?。它們?huì)保留到設(shè)計(jì)文件中，這樣就不會(huì)丟失任何內(nèi)容。

Figma的模式

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

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

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

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

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

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

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

Figma如何收費(fèi)？

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

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

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

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

有中文漢化版嗎？

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

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

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