Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
UI/UX 履歷上必備技能:Figma 從入門到精通
Highest Rated
Rating: 4.5 out of 5(137 ratings)
744 students

UI/UX 履歷上必備技能:Figma 從入門到精通

透過 Figma 學習使用者界面設計、使用者體驗設計以及網頁設計
Created by大寶 潘
Last updated 1/2026
Chinese (Traditional)
Chinese (Traditional) [Auto],

What you'll learn

  • 什麼是 Figma? Figma 能做什麼?
  • 使用 Figma 學習用戶體驗
  • 使用 Figma 進行基本 UX / UI 設計
  • 如何製作完全互動的原型
  • 在您的設計中正確使用顏色和圖像
  • 了解如何製作、組織和建立元件庫
  • 免費 UI 套件和外掛安裝
  • 建立簡單的風格指南
  • 製作簡單和進階的微交互、頁面轉換和動畫
  • 使用字體和顏色
  • 如何進行測試
  • 學習專業的工作流程技巧

Course content

8 sections47 lectures12h 8m total length
  • 為什麼是 Figma20:09

    Figma 是一個專業的 UI/UX 設計工具,它具有許多優點,使其成為許多設計師的首選工具。

    • **雲端協作:**Figma 是一個雲端應用程式,這意味著您可以在任何地方從任何設備訪問您的設計。您可以與您的團隊成員實時協作,並在設計過程中進行更改。

    • **直觀的界面:**Figma 的界面非常直觀,即使是初學者也可以快速上手。它提供了許多功能,但這些功能都非常易於使用。

    • **強大的功能:**Figma 具有許多強大的功能,使您可以創建複雜的設計。它提供了豐富的 UI 元素和組件,您可以使用它們來快速創建設計。

    • **廣泛的插件:**Figma 具有廣泛的插件,它們可以擴展 Figma 的功能。您可以使用這些插件來添加新功能,或改善 Figma 的使用體驗。

    總之,Figma 是一個強大而靈活的 UI/UX 設計工具,它具有許多優點,使其成為許多設計師的首選工具。如果您正在尋找一個可用於創建複雜而美觀的設計的工具,那麼 Figma 是一個不錯的選擇。


    以下是一些額外的理由,說明為什麼 Figma 是設計師的絕佳選擇:

    • 它是免費的,直到您達到一定級別的團隊成員和存儲空間。

    • 它是一個基於雲的應用程式,這意味著您可以從任何地方訪問您的設計。

    • 它具有強大的協作功能,因此您可以與您的團隊成員實時工作。

    • 它具有強大的設計工具,因此您可以創建複雜而美觀的設計。

    • 它是一個不斷更新的應用程式,這意味著它總是有新的功能和改進。

    如果您是設計師,我強烈建議您試用 Figma。它是創建漂亮而有效的設計的絕佳工具。

  • 關於這個課程10:02
  • 啟用 Figma15:01
  • 啟用 Figma 20246:41
  • 認識 Figma 介面 2024(一)11:58
  • 認識 Figma 介面 2024(二)15:34
  • 認識 Figma 介面 2025(一)BETA19:16
  • 認識 Figma 介面 2025(二)BETA26:49
  • 更新社群及安裝外掛程式 202413:57
  • 社群及安裝外掛程式15:53

Requirements

  • 網路瀏覽器,如 Chrome 64 、Firefox 78 、 Safari 11.1 或更高版本;
  • 至少 4 GB 的記憶體;
  • 免經驗可;
  • 無年齡限制,只要聽得懂中文。

Description

嘿!我是 Troie,歡迎來到 Figma 的 UI/ UX 世界!

我們將使用 Figma 這個超棒的設計工具,打造出漂亮的用戶界面和引人入勝的原型。最重要的是,我們將幫助您成為一名優秀的使用者體驗設計師。

這門課程專為設計和使用者體驗的新手而設計,就算您對使用者體驗的概念還不太熟悉,也不用擔心!我們會從頭開始,一步一步地帶您學習。

  • 首先,我們將帶您了解為什麼選擇 Figma 這個工具

  • 然後,您將學習如何創建簡單的線框;

  • 接著,我們將研究如何正確地運用顏色和圖像於您的設計中;

  • 您還將學習到選擇字體時在 Web 和移動應用程式上需要注意的事項;

  • 除此之外,我們還將教您如何製作自己的圖示、按鈕和其他 UI 元素;

  • 還有一些看似複雜的術語,例如元件、邊界約束和多維元件,但只要您掌握了它們,就會發現其實並不難理解;

  • 為了讓工作更輕鬆,我們還會介紹一些免費的UI工具包和套件,它們將大大加快您的工作流程!

  • 我們還將一起建立一個簡單的風格指南,以供各種交接使用;

  • 您還將學習如何製作簡單和進階的微交互、頁面轉換和動畫效果。

在課程結束之前,您將製作出一個完全交互式的原型。

在整個課程中,您將參與一個專案,有機會與其它團隊成員合作,並導出正確的文件,準備交給您的開發人員或軟體工程師。

課程中會有一些作業需要您完成,這將有助於培養您的實戰能力,並使您能夠為您的作品集做出小小的貢獻。

好了,是時候讓自己從 Figma 新手晉升為專家了!讓我們開始吧!

Who this course is for:

  • 對 Figma 有興趣的人
  • UX 設計領域的初學者、新手和業餘愛好者;
  • 想要學習 UI/ UX 設計基礎的人;
  • 想在個人履歷加上 UI/ UX 技能;
  • 想學習原子化設計的進階設計師;
  • 想簡化管理工作的專案經理;
  • 想讓設計團隊有更好的協作;
  • 希望跟客戶進行良好的互動;
  • 學習對自己未來有幫助的技能;
  • 正在考慮換工作。