為什麼Figma會成為新一代的設計神器?

前言

相信你一定聽過『工欲善其事,必先利行器』這句話。但是市面上設計介面的軟體這麼多,而且不斷的推陳出新。

到底要選擇哪個才適合,想必也經常困擾著你。今次就來介紹這一兩年來突然興起的介面設計軟體Figma。

Figma相關介面設計軟體的趨勢

大約在2010年,那時介面設計的趨勢剛興起,大部分的設計師起先還是用Photoshop去做介面設計,

但是Photoshop通常都是拿來進行影像合成或是排版,拿來設計介面,會有許多功能用起來很不方便。

直到了Sketch的出現,解救了廣大的設計師,Sketch操作清晰簡單,專門作為設計介面所使用,

還有廣大的外掛支援,從此Sketch變為設計介面軟體的主流。

但是Sketch只有Mac系統可以使用,也因為這樣,我跟許多設計師一樣,買了生平的第一台MAC Pro。

幾年過去了,Sketch也更新了很多個版本,但是還是有幾點無法克服。像是,Prototype的製作一直都很陽春,只能依靠第三方軟體,標注方面,也是需要依靠外掛Zeplin才能趨於完善。

再來就是一直沒有出Windows的版本,無法跨平台的去使用。

到了2018年,Adobe自家也才推出XD作為設計介面軟體,此時腳步已經追不上Sketch了。

然而這一兩年,Figma卻以黑馬的姿態,追上了Sketch,許多使用者以及企業紛紛從Sketch轉向到Figma,

到底Figma有什麼魅力? 讓我來帶你一探究竟。

介面軟體設計趨勢
介面軟體設計趨勢

Figma的相關背景

2012年,當時年僅23歲的Dylan Field 和 Evan Wallace 還在美國布朗大學讀書期間,就開始著手開發Figma。當時只是腦力激盪Web設計工具所產生的想法之一。

隨後離開了學校,他們就全職投入開發Figma,直到2016年Figma才首次公開,2019年推出Figma社群,允許設計師發佈其作品供人查看。

截至2020年4月,Figma的估值已超過20億美元。

<資料來源-Wikipedia>

雖然看起來Figma一路過關斬將,但是如何從Adobe以及日正當紅的Sketch中搶下客戶,還是一大挑戰。

最後從設計師與產品經理還有工程師協作,這個角度切入,才找到屬於自己的定位。

2022年9月15日,美國軟體公司Adobe宣布以約200億美元收購Figma,當時造成不小的轟動,但最終因為歐盟的反對,而以失敗收尾。

<相關新聞:Adobe與Figma的併購交易,正式宣布破局>

Figma的4大優點和特色

跨平台裝置

Figma是基於瀏覽器上的服務,不管你是windows或是mac系統,只要能夠上網就可以使用,

同時也提供本機版APP下載安裝,若擔心有時候無法上網也是可以利用本機版來操作。

我自己是兩個方式都有使用,只要是同一個帳號下,檔案都可以互通,

網頁版本或是APP的檔案都會自動儲値在雲端,不用擔心找不到。

Figma有自己的檔案格式.fig,若不放心還是可以備份檔案在本機。

共同協作

設計師不管是在設計過程中或是設計完稿後,都可以透過分享連結,讓相關合作的同事看到你設計的結果,

而同事可以直接下註解在設計稿上面,達到即時的反饋,大大減低了彼此之間的溝通成本。

也許有些設計師會比較不習慣這樣的溝通方式,不想要把設計的過程都秀給同事看,

凱瑞覺得也許可以調整一下自己的心態,讓自己的設計過程公開透明,反而可以讓別人更了解你的設計概念。

原型製作Prototype

若你有用過sketch,相信你會知道sketch的原型製作功能非常的薄弱,

需要另外軟體來製作動態效果,例如:Principle。

Figma內建的原型製作功能,已經非常的完善,而且操作起來簡單,可以輕易達到不錯的動態效果。

但是如果你是要求更精細的動態效果,還是需要使用別的軟體,或是與工程師配合利用寫程式來實現。

插件&社群

Figma擁有廣大的社群,設計師在上面往往可以找到不錯設計元素,包括:設計靈感、設計系統、設計素材、工程師資源…等等。

另外,也一樣擁有許多好用的外掛,在線上很容易尋找與安裝。

figma plugin

Figma相關收費

初階方案:

免費,完整的編輯權限,30天的歷史版本,

但只能建立三個專案,雲端空間無限。

專業版:

若是採年繳的話,每月每人是12美元,若是採用月繳的話,每月每人是15美元,

可以開無限個專案,無限制的歷史紀錄,可自定義文件以及用戶的使用權限,以及可共享團隊的資料庫。

組織方案:

採年繳制,每月每人是45美元,除了可開無限專案,無限的版本歷史紀錄,

歷史記錄擁有分支和合併的功能,還可以建立組織的設計系統,

私人插件與管理,共享字體,SOO +高級安全,設計系統的分析。

企業方案:

每月每人是75美元, 開放全部的功能。

建議,初階方案方面就很夠用了,基本上功能都很完整。

但是如果是要跟不同的團隊合作,進行開發,

建議還是升級專業或組織版本,擁有資料庫共享還有無限版本歷史紀錄,

對於整個開發團隊都會有極大的助益。

Figma收費

(圖片來源:Figma

總結

凱瑞自己實際用了Figma一段時間,發覺它的優點真的非常的多,

若你是UI新手,建議你直接學Figma當作主要的設計工具。

但若你是想要從Sketch轉到Figma,需要先忍受一段陣痛期,

雖然在操作行為上都是大同小異,而且Figma也可以輸入Sketch的設計檔,

但製作和使用元件的方法是不一樣的,需要花點時間打掉重練,

不過等你熟悉了以後,就會發覺Figma的好用之處。

設計工具常常推陳出新,每家都有各自的優缺點,

現在看起來Figma的優點大過於缺點,而且需要學習的曲線也不算太高,

建議大家可以多多嘗試看看。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

相關文章

UIUX設計師如何因應AI人工智慧的到來

UIUX設計師如何因應AI人工智慧的到來?

在這個快節奏的工作環境裡,UIUX設計師每天都得應對各式各樣的事情,像是處理設計截止日期、應付不斷變化的用戶需求,還有跟上科技的飛速更新。

但是,隨著人工智慧技術的蓬勃發展,我們似乎正站在一個轉捩點:AI的興起即將徹底改變UIUX設計的工作方式和流程。

閱讀全文 »
Adobe firefly Image 3

Adobe Firefly Image 3 : AI創意新境界

AI生成進展飛速,Adobe 在今年四月底 Adobe Max 2024大會上宣佈推出 Firefly Image 3, 這是Adobe自己開發的第三代圖像引擎,生成的能力相比半年前推出的 Firefly Image 2 有了明顯的提升,就讓我們來看看Firefly Image 3有哪些新的特點

閱讀全文 »
Relume

Relume:一鍵快速搞定網頁規劃

Relume 是一個新創公司,致力於幫助網頁設計師在無代碼(No Code)和生成式人工智慧時代取得成功。

透過Relume所開發的No Code AI工具,不需要寫程式,只需要透過輸入需求(Prompt),就可以幫助你在網站設計規劃時,減少前期投入的大量時間,大幅提升效率!

閱讀全文 »