初步認識 Figma 與下載安裝|100 種 Figma 設計的方法

--

100 種 Figma 設計的方法|UI/UX 線上課程

Figma 是一款 UI/UX 使用者介面與體驗設計軟體,專用於介面設計和原型製作,能讓多名設計師同時在同一專案上協作,這使得團隊合作變得更加簡單。Figma 支援向量圖形編輯,並提供各種設計元件庫和擴充套件,方便設計師快速建立和調整設計。

Figma 不僅適用於設計師,也對開發者友好。開發者可以直接查看設計的樣式、間距等細節,並導出設計資產和切圖標註,這極大地縮短了設計與開發之間的溝通時間。

我們可以直接註冊並下載軟體到 Windows, macOS 使用,並且 Figma 是網頁瀏覽器就能打開的軟體,因此就算不安裝也可以在任何設備上使用,包括 Linux 作業系統等。

初步認識 Figma 與下載安裝

你好,我是設計師 Riven

今天呢,我們先來裝一下 Figma

近年來,Figma 以其強大的 UI 介面設計軟體

迅速在設計領域中獲得高度關注

不僅可以輕鬆設計 UI 元件、Wireframe 或 Prototype 等

在 2023 年的大改版中新增了開發模式 (Dev Mode)

進一步提升了 Figma 原有的「即時協作」特色

使設計師與非設計師之間的合作更加無縫接軌

我們從瀏覽器搜尋 Figma,點進來後

在上方的選單中點擊「Procducts」

找到「Downloads」

選擇與自己裝置對應的載點,進行下載

Figma 最大的特色是可以直接透過瀏覽器來操作

在等待下載的過程中

可直接在首頁的右上角進行免費的註冊

能使用自己的 Google 帳號登入

或填入 E-mail

輸入暱稱及常用類別,建立 Figma 帳號

假如已經先行註冊好卻忘記下載桌機版本的同學也不用擔心

在瀏覽器版本中點擊自己頭像的選單

找到「Get desktop app」並點擊來下載

接著照這個安裝步驟進行

這樣就完成囉~

接下來就讓我們開始 Figma 的學習旅程吧!

關於作者

設計師 Riven(資深數位產品設計師|虛擬 VTuber)

在 IT 和網路產業近十年的數位產品設計師,專注於 UI/UX 使用者介面與體驗設計領域,在全臺多間大專院校與社群機構擔任顧問及講師,並於國內外各大線上課程平台開立設計課程,目前已累積超過近萬名學員參與上課。

為 Adobe 官方合作的設計師兼 Insider,曾環島舉辦設計工作坊,並獲邀代表台灣飛往美國洛杉磯參加 Adobe MAX 設計師年會,並以設計師 KOL 角色與 Intel、微軟、華碩、微星等知名品牌合作推廣科技產品。

常在 Medium 寫作設計上的知識與觀察,並得到官方認證 #Design 領域 Top Writer,同時也會在 YouTube 上製作影片教學設計的方法,近期開始實驗使用 VTuber 技術在 IG 用 Reels 短影片分享設計技巧。

▌擅長利用淺顯易懂的內容,將艱難的設計與開發技術,用任何人都能夠聽得懂的語彙,說給每一個人聽。

--

--

林育正 Riven

是數位遊牧型態的設計師💻 喜歡邊旅行邊工作的生活,逐網路、插座與咖啡而居。期待能夠將艱難的設計與開發技術,用麻瓜都能夠聽得懂的話,說給每一個人聽。更多關於我:riven.design