2024 Figma UI3 新舊介面切換方式

閱讀時間約 1 分鐘


很臨時地寫下這篇文章,主要是發現有些學員在網路上學習時,看到的資源都是 Figma UI2(舊介面),而部分 Figma 使用者的介面會是 UI3(新介面)。

為了幫助新手在前期更快速、順利地學習 Figma 操作,若是使用 UI3 的同學,可以:

  1. 在右下方找到 "?"
  2. 點擊 "Go back to previous UI”

即可順利切換為舊介面。

raw-image

有少部分同學在 "?" 的地方找不到該選項,則可以改用第二種方式:

  1. 點擊下方工具列右側的 icon(或是快捷鍵 Command, Ctrl + / )
  2. 輸入 "Go back"
  3. 取消勾選 "Use new UI"

一樣可以切換為舊介面。

raw-image


若要隨時切換回新介面,一樣點擊右下方 "?" - 找到 "Use new UI" 選項就可以囉。

但是,如果你的帳戶是在 2024/6 月之後建立的,會被 Figma 自動套用 UI3(新版介面),則無法切換為 UI2​但若重新建立一個帳號,有機率會是 UI2 (太神奇了)。


不過這只是過渡期的一個方式,熟悉 Figma 操作後也可以盡快讓自己習慣使用新介面,等到全面更新時,才不會有陣痛期。


關於 Figma UI3 的改動,可以參考官方文件。以上希望有幫助到遇到相同問題的設計師們。

跨領域自學轉職的 UI/UX Designer,目前是名自由工作者,善於輔導零基礎新手轉職成為 UI/UX 設計師。另外也喜歡不斷探索生涯,挖掘不同的可能性! E-mail: ahri.lena.ty@gmail.com | ig: lenaaaa.design
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
擔任 UI/UX Mentor 的期間,接觸了許多想轉職的學員,我發現大多數的學生都有著這些想法...
這次分享我個人在求職時,會留意的幾個面向與問題,祝福大家找到適合的工作環境。
身為 UIUX 設計師,應該不少人跟我一樣感受到難的不是學設計技能、不是永遠搞不懂的使用者,而是產品的每一次團隊溝通。 這次來分享幾個團隊溝通的小心得,希望能幫助到你。
這次分享 4 個初學 UI 設計的方法與技巧,希望能幫助每一個剛開始學習的你。
有許多自學者在還沒有作品、想練習 Side Project 的時候,常常會以自身需求作為產品發想,但又怕自己所想出來的需求過於虛假和片面,那麼有什麼方式可以幫助我們得到更多的回饋呢 ?
不是行銷人也可以懂的幾個數據名詞 ! 一起透過觀察數據,讓產品變得更好吧。
擔任 UI/UX Mentor 的期間,接觸了許多想轉職的學員,我發現大多數的學生都有著這些想法...
這次分享我個人在求職時,會留意的幾個面向與問題,祝福大家找到適合的工作環境。
身為 UIUX 設計師,應該不少人跟我一樣感受到難的不是學設計技能、不是永遠搞不懂的使用者,而是產品的每一次團隊溝通。 這次來分享幾個團隊溝通的小心得,希望能幫助到你。
這次分享 4 個初學 UI 設計的方法與技巧,希望能幫助每一個剛開始學習的你。
有許多自學者在還沒有作品、想練習 Side Project 的時候,常常會以自身需求作為產品發想,但又怕自己所想出來的需求過於虛假和片面,那麼有什麼方式可以幫助我們得到更多的回饋呢 ?
不是行銷人也可以懂的幾個數據名詞 ! 一起透過觀察數據,讓產品變得更好吧。
你可能也想看
Google News 追蹤
Thumbnail
Hi 我是 VK~ 在 8 月底寫完〈探索 AI 時代的知識革命:NotebookLM 如何顛覆學習和創作流程?〉後,有機會在 INSIDE POSSIBE 分享兩次「和 NotebookLM 協作如何改變我學習和創作」的主題,剛好最近也有在許多地方聊到關於 NotebookLM 等 AI 工具
Thumbnail
國泰CUBE App 整合外幣換匯、基金、證券等服務,提供簡便、低成本的美股定期定額投資解決方案。 5分鐘開戶、低投資門檻,幫助新手輕鬆進軍國際股市;提供人氣排行榜,讓投資人能夠掌握市場趨勢。
Thumbnail
這是張老師的第三本書,我想前二本應該也有很多朋友們都有讀過,我想絕對是受益良多,而這次在書名上就直接點出,著重在從投資的角度來切入
先學習 HTML, CSS, JavaScript 基礎觀念, 再透過實作專案,慢慢熟悉不同的語法使用方式。
Thumbnail
這篇內容,將簡單介紹Asset Browser、Workspace、Inspector、Code Browser,作為入門的介面導覽。
Thumbnail
CSS 是控制網頁外觀的語言,應用於網頁設計、UI/UX 設計、電子商務和移動應用開發。主要使用者包括前端開發者、UI/UX 設計師和網頁設計師。CSS 的特性有樣式控制、層疊優先級、響應式設計及分離內容與樣式。
Thumbnail
如果你也是從事軟體相關工作的人,一定會遭遇突然需要你去學習一套你不熟悉的程式語言狀況吧,此時你會怎麼做呢? 是趕快去買書來看嗎? 還是趕快找一門程式課來上? 又或者乾脆去找會的同事來教學?
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
如何透過 CSS 來美化和增強文本的可讀性,對於提升用戶體驗至關重要。本文將介紹如何使用 CSS 來處理網頁上的文本,包括字型設定、文本排列、裝飾等多方面。
Thumbnail
這是為了搭建自己想要的工作流而開始的研究工作。
Thumbnail
Hi 我是 VK~ 在 8 月底寫完〈探索 AI 時代的知識革命:NotebookLM 如何顛覆學習和創作流程?〉後,有機會在 INSIDE POSSIBE 分享兩次「和 NotebookLM 協作如何改變我學習和創作」的主題,剛好最近也有在許多地方聊到關於 NotebookLM 等 AI 工具
Thumbnail
國泰CUBE App 整合外幣換匯、基金、證券等服務,提供簡便、低成本的美股定期定額投資解決方案。 5分鐘開戶、低投資門檻,幫助新手輕鬆進軍國際股市;提供人氣排行榜,讓投資人能夠掌握市場趨勢。
Thumbnail
這是張老師的第三本書,我想前二本應該也有很多朋友們都有讀過,我想絕對是受益良多,而這次在書名上就直接點出,著重在從投資的角度來切入
先學習 HTML, CSS, JavaScript 基礎觀念, 再透過實作專案,慢慢熟悉不同的語法使用方式。
Thumbnail
這篇內容,將簡單介紹Asset Browser、Workspace、Inspector、Code Browser,作為入門的介面導覽。
Thumbnail
CSS 是控制網頁外觀的語言,應用於網頁設計、UI/UX 設計、電子商務和移動應用開發。主要使用者包括前端開發者、UI/UX 設計師和網頁設計師。CSS 的特性有樣式控制、層疊優先級、響應式設計及分離內容與樣式。
Thumbnail
如果你也是從事軟體相關工作的人,一定會遭遇突然需要你去學習一套你不熟悉的程式語言狀況吧,此時你會怎麼做呢? 是趕快去買書來看嗎? 還是趕快找一門程式課來上? 又或者乾脆去找會的同事來教學?
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
如何透過 CSS 來美化和增強文本的可讀性,對於提升用戶體驗至關重要。本文將介紹如何使用 CSS 來處理網頁上的文本,包括字型設定、文本排列、裝飾等多方面。
Thumbnail
這是為了搭建自己想要的工作流而開始的研究工作。