2024/05/14
17955

Figma 是什麼? UIUX 領域新霸主登場,優缺點、強大功能一覽!

Figma 是什麼? UIUX 領域新霸主登場,優缺點、強大功能一覽!
隨著大眾對產品體驗的要求不斷提升,UIUX 設計師們也需要持續學習新的工具和技術。近年來,在眾多設計軟體中最值得關注的莫過於 Figma —— 在 2017 年只有不到 10% 使用率的 Figma,如今的使用率已經達到約 90%!今天一起來認識 Figma 是什麼、它的優缺點以及使用方式吧!

Figma 是什麼?全球排名第一的 UI 設計工具!

Figma 創辦人 Dylan Field 在 2012 年和大學同學一起開發了 Figma,僅用十年不到的時間,Figma 就已經成為全球排名第一的 UI 設計工具。設計師社群 UX Tools 曾在 2023 年針對全球超過 4,000 位設計師進行問卷調查,有超過 72% 的設計師選擇採用 Figma 作為主要的 UI 設計工具,是 2023 年調查中壓倒性的第一名。無論是豐富的功能、流暢的操作體驗或是多人協作功能,都讓 Figma 相較其他設計軟體如 Adobe XD 和 Sketch 有著明顯的優勢。

Figma 好用嗎?聊聊實際使用優缺點

如此受到歡迎的 Figma 實際上好用嗎?讓我們一起看看 Figma 的主要優點:
  1. 免費使用方案UX Tools 的設計師調查指出,有超過 90% 的設計師都是使用免費版 Figma,這是因為 Figma 的免費方案提供了完善的功能,包括無上限的雲端容量和檢視者數量,對獨立設計師或小型團隊來說已經非常夠用。
  2. 完善的團隊協作功能Figma 最強大的特色之一就是協作功能,它讓大家能同時編輯一份檔案,也可以即時在檔案裡留下想法與回饋,省去了過往團隊在討論時,需要不斷來回傳送檔案的麻煩,大大提高了工作效率。
  3. 豐富的第三方軟體整合與外掛Figma 除了原先就已經提供多元的功能,在使用者社群 Figma Community 上還提供許多的實用、甚至免費的外掛讓大家使用。只要在 Figma Community 搜尋關鍵字,就可以找到符合自己需求的外掛來提高設計效率。
  4. 強大的設計功能除了前面提到的特色以外,Figma 的設計功能也是強大而全面,幾乎可以滿足設計師的各種需求,從簡單的圖像繪製到複雜的原型(Prototype)製作都應有盡有。
然而,Figma 也有一些缺點需要考慮:
  1. 網路依賴性高使用 Figma 需要有穩定的網路連線,這對於工作環境沒有網路或是網路連線不穩定的使用者來說可能較為不便。
  2. 大型檔案易延遲載入或操作包含大量圖層的大型文件時,Figma 的運作可能會出現延遲。
  3. 雲端隱私和安全問題任何線上軟體都存在隱私和安全問題;因此在分享機密性較高的專案時,需要特別留意權限的設定,避免遭到惡意修改或是隱私外洩。

如何使用 Figma 進行設計?基本介面教學

了解 Figma 是什麼以及它的優缺點後,接著來認識 Figma 的基本介面吧!
 
左方圖層區
這個區域主要是用來管理設計中的各個層次結構。你可以在 Layers 區可以看到所有圖層和元件;在 Assets 區搜尋特定圖層和元件;在 Pages 區建立與管理畫布。
Figma介面介紹-左方圖層區

右方設計區
這個區域主要用來調整設計裡的樣式。你可以在 Design 區調整設計的尺寸、位置、角度、描邊、陰影、文字格式、物件間距等;在 Prototype 區建立產品原型並設定連結、動畫和轉場效果,模擬使用者與設計互動的實際情況。
Figma介面介紹-右方設計區

上方工具列
這上方的工具列提供了許多常用的功能。從最左邊的圖示依序為 Main Menu(新增檔案、儲存存檔、回上一步、放大瀏覽比例等)、MoveTools(移動設計元素)、Frame 和 Shape Tools(框架和形狀工具)、Creation Tools(線條繪製工具)、Text(新增文字)、Resources(內建圖片資源)、Hand Tool(移動畫布)和 Add Comment(新增註解)。最右方則有使用者頭像、共享連結設定、預覽、比例尺縮放等基礎功能。
Figma介面介紹-上方工具列

中央視圖區
這裡是實際進行設計工作的主要區域,你可以在畫布上新增、編輯和排列設計元素,並直接預覽設計呈現出的效果。
Figma介面介紹-中央視圖區


Figma 教學資源推薦

現在 Figma 教學非常多樣,對於有設計基礎的設計師來說,可以隨時學習最新的進階技能。以下介紹 4 個實用的學習資源:
  1. Figma 官方學習平台
    Figma 提供了一個專門的學習平台,包括基礎教程到進階技巧的全面教學。這些教程很適合自學,逐步介紹如何使用各種工具和功能。
  2. Figma Community
    提供 UIUX 設計師分享和探索創意的社區,設計師可以在此發現其他人創建的項目、模板和插件,並直接加以利用或學習如何創作。
  3. YouTube 頻道教學
    許多經驗豐富的設計師也在 YouTube 上提供免費教程,從基本操作到複雜技巧都有涵蓋,如:Figma 官方Youtube頻道DesignWithArash
  4. 線上教學平台
    線上學習平台如 Udemy、Coursera 和 LinkedIn Learning 也針對 Figma 提供專門課程,內容涵蓋從入門到進階的各類型主題。
但如果你是沒有設計基礎,想要進入 UIUX 領域的初學者,建議在了解完 Figma 是什麼後,安排一個系統性的教學課程,透過老師指引、實際上機操作,更能靈活運用基礎技能,設計出更完善的網頁 UIUX!
巨匠電腦的 UIUX 介面設計課程是業界唯一 UIUX 並重,符合就業市場需求的使用者介面設計課程,無論是使用者分析、流程圖與分鏡繪製、介面視覺設計、Figma 及 Adobe Xd 原型製作,全部都涵蓋在課程範圍內,讓你在上完課程之後,學會所有成為 UIUX 設計師必須掌握的關鍵技能!
立即填寫個人資訊,由專人為你免費諮詢課程!

免費學習資源不漏接

加巨匠電腦LINE好友
近期文章你可能有興趣的文章