UI設計工具推薦 Figma 的 7項優點

撰文者 | Yama
編輯者 | Anya


 

Figma現今已經是相當熱門的UI設計工具,從默默無名到設計師們口耳相傳,Figma以擁有強大共同合作功能的優勢,漸漸的讓每一位使用Figma的設計師們愛不釋手,讓我們為大家一一介紹Figma的7項優點!

1. Collaboration 合作

Figma的Collaboration功能有什麼好處?試想不同位設計師使用自己慣用的工具進行設計之後,再將大家的設計搞整合到一個檔案中,其中難免會有重複的設計、或者讓設計師產生混亂,弄到最後究竟哪一個版本才是最終版本不得而知。而Figma的Collaboration功能完全解決掉這個問題,可以同時讓多位設計師在同一個檔案中進行設計,在設計過程中也始終維持一份檔案,是不是覺得輕鬆多了呢!

 

2. Observation觀察

Figma的Observation這個功能可不是要你偷窺喔!不過卻可以讓所以每一位設計師的設計發想和過程都可以即時被其他設計師看見,也可以實際操作畫給對方看,想像一下辦公室再大甚至跨國的設計師都可以透過Figma的Observation這個功能將設計畫面即時溝通討論進行修正,可大幅提升工作效率,當然也可以很輕易的讓客戶”看見”設計的進度,非常方便呢!

 

3. Comment註釋

Figma的Comment功能,能夠讓多位設計師在同一個檔案同一個區塊留下註釋,清清楚楚的將每一次的創意發想和溝通過程記錄下來,甚至也可以讓客戶留下註釋方便修改調整設計內容,在設計過程中最重要的溝通環節幫助極大,能夠有效幫助整個設計流程更加流暢! 如此一來所有環繞著頁面的對話都在一處,既不需要停止設計頁面本身,也不會遺忘設計當下的思路是什麼。

 

4. Prototyping原型製作

Figma 還支援Prototyping原型製作功能,能夠看到全面的設計流程圖或系統架構。運用Figma 的 prototype view 可以直接顯示出完整的設計流程圖,也能夠透過預覽功能進行仿網頁的操作,此功能對於設計和客戶而言都相當友善。


體驗Prototype→
 

5. Files 檔案

小編覺得Figma的這一個功能特色最貼心了!提供客戶設計稿內容時,完全不需要另存檔案,夾帶檔案、壓縮檔案,只需要傳送一個網址連結即可!客戶也不需要安裝任何輔助軟體,直接點開就可以瀏覽檔案內容。搭配Figma 的Prototyping原型製作功能和Comment註釋功能,很容易就可將設計稿交付到主管和客戶手上,方便審核者檢視和留下註釋,設計師可持續在Figma環境下工作,接收到主管和客戶的反饋,延續當前的設計工作讓設計過程更流暢!前提是需要能上網連線才可執行,算是美中不足的地方。

 

6. Environment系統環境

Figma另一個友善使用者的地方就是不受限系統的類型,也就是支援Mac 或 Windows作業系統,兩者都可以使用,只要有瀏覽器可以開啟網頁視窗,就可以使用 Figma,所以不論是哪一個系統品牌的愛好者,都可以放心了!

 

7. Plugin 插件

Figma也有支援plugin插件功能,不同於其它工具插件散落在各處,Figma 則是讓所有 plugin 都聚集起來,對設計師使用上來說相對方便!


 

總結:

樂活資訊團隊在網頁設計專案過程中,會透過Figma將每一頁具獨創性的網頁設計交付到客戶手中,在品牌形象視覺溝通之後,由首頁視覺稿開始設計,再延伸到其它頁面設計,讓客戶可以清楚看到網站視覺架構,全部的視覺稿都確認之後才會進行前端切板和後端程式,對於心目中的網站就再也不會感到虛幻了!

 
Click to Hide Advanced Floating Content