Figma AI登場!一文讀懂Figma 2024所有重磅更新

Figma 作為當前 UI 工作中最好用的設計工具,上周迎來了一波超大的更新發布會,到底更新了哪些功能?實不實用?我周末做了一波全面的整理,看下來全是實用性極強的功能點,值得期待。

一、Figma AI 系列功能

在這次的更新中,AI 功能的加入絕對是一個大的亮點,AI 應該說是這兩年最火的詞了,那么當 AI 遇上 Figma 會碰撞出什么樣的火花呢?反正我感覺功能是相當實用啊!

1. 增加 AI 搜索功能,更準確的找到你想要的內容

在團隊合作中,經常出現的痛點就是一致性問題,每個人做的稿子要想統一組件使用非常麻煩,麻煩的點在于真的很難找。

現在 figma 能自動通過上傳的圖片或在畫布上選擇區域或直接輸入文本就能從團隊文件中幫你自動識別出相似的設計,然后可以把它直接拖進自己的設計稿中。并且這樣的功能還會拓展到更大的 figma 社區文件,更容易找到或發現優秀的設計資源。這個能力真的非常有用,能大大減少找資源的時間,還能提升一致性。

Figma AI登場!一文讀懂Figma 2024所有重磅更新

同時也升級了資源的搜索能力,終于能通過模糊搜索找到想要的組件了。比如我想找“主按鈕”相關的按鈕組件,通過升級后的搜索能力,可以把類似的組件都給你找出來,方便使用。

Figma AI登場!一文讀懂Figma 2024所有重磅更新

在我們日常的工作中,確實找文件是設計師每天都會遇到的一件很痛苦和浪費時間的事,現在有了 AI 去提升這塊的搜索能力,確實是解決實際痛點的一個完美例子。

2. AI 提升流程效率和全自動命名

我們平時在做界面時經常需要填充相似元素,比如列表,挺費事的,雖然這個功能早就已經被插件做了,但現在被內置了進來很多更方便一些。

另外,對于圖層命名也是一件非常痛苦的事情,現在有了 AI 功能后,能一鍵自動根據圖層內容幫我們自動化命名,這個功能對于強迫癥的設計師來說確實太爽了。

3. AI 填充真實內容

在界面中填充圖片和文字,通常也挺花時間,原來可以借助插件,但現在 figma 有了 AI 加持后,能快速生成真實的圖片和文案,而且還能讓生成的內容符合設計界面的調性,這個也是一大實用提升。而且在不用切換工具的情況下,終于在 figma 里能一鍵給圖片去背景了,再也不用在不同工具間導來導去。

Figma AI登場!一文讀懂Figma 2024所有重磅更新

AI 自動生成內容

Figma AI登場!一文讀懂Figma 2024所有重磅更新

調整文本長度和語調或進行翻譯,以找到最適合你設計的方案

Figma AI登場!一文讀懂Figma 2024所有重磅更新

一鍵摳圖去背景

4. 快速制作原型

通過點擊“制作原型”,可以快速把靜態稿轉換成可交互原型,簡化之前的操作過程。

Figma AI登場!一文讀懂Figma 2024所有重磅更新

5. 自動生成 UI

可以根據提示詞,一鍵生成 UI 界面,從官方的演示視頻來看,生成的效果質量還挺高,我覺得即使不能直接用,拿來作為參考也是非常不錯的。

二、全新的界面 UI3

Figma 上線以來已經有 10 年時間了,這么多年一直在加新功能,但核心的 UI 布局基本上沒啥大的改變。在延續性上做到這么好,是為了方便大家更熟悉的做設計。而隨著功能越加越多,曾經簡單的東西可能就變得不必要的復雜了,這違背了工具簡潔的初衷。為了解決復雜性的這個問題,figma 官方做了這次的 UI3 大更新。

重構了整個 Figma 的畫布,留出最大的設計空間。

UI 會變得非常簡潔,鼠標移上去才會顯示出來。把常用的工具條放到了底部,釋放更多設計空間。

重新設計了屬性面板,優先考慮關鍵控件。現在設計系統和組件非常常用,它們比顏色和尺寸等屬性更需要被重視,優化這個屬性后,可以為我們的日常工作節省更多時間和精力。

另外也優化了布局相關的選項,包括寬度、高度和自動布局,現在都合并到一個面板中。這樣的優化可以更加貼近日常使用。

Figma AI登場!一文讀懂Figma 2024所有重磅更新

界面會更加注重實用性,而非裝飾。界面上可以設置把一些熟悉的屬性圖標直接去掉,讓界面更實用和簡潔。

同時,也把所有圖標進行了重繪。把之前銳利的圖標變得更圓潤。

Figma AI登場!一文讀懂Figma 2024所有重磅更新

三、Figma PPT 演示功能

我們現在經常用 figma 來做 PPT,但在演示這塊總是不大方便,需要轉移到其他 PPT 工具里才方便演示,現在 figma 官方注意到了這個問題,并且直接來了一波重大更新。

在 figma 的 PPT 功能中,解決了一些我們在 keynote 里常用的功能,比如過渡動畫,演講者備注等等,使得不需要換別的工具,也能直接開講。

Figma AI登場!一文讀懂Figma 2024所有重磅更新

還可以開啟 PPT 設計模式,感覺就是一個升級版的 keynote 了。

以后可以再也不用逐個導出 UI 圖放到 PPT 里了,整個 figma 產品系列都可以無縫復制粘貼 figma 文件中的 UI,圖片等等各種設計稿。

也能切換成網格模式,更快速的統一修改 PPT 樣式,編輯順序,更符合設計師的習慣。

在 PPT 演示過程中,還可以有更多互動,比如對齊度量表,發表自己的態度。

Figma AI登場!一文讀懂Figma 2024所有重磅更新

可以發起決策投票。

Figma AI登場!一文讀懂Figma 2024所有重磅更新

還可以用頭像圖章回答問題。

Figma AI登場!一文讀懂Figma 2024所有重磅更新

有了這些反饋功能后,對于推動參與度,提升整體的決策效率非常有幫助。

現在在演示的時候,如果想要看可交互原型可能還需要用不同的工具,或者在 PPT 里掛上一個原型的鏈接。這會導致在講 PPT 的時候,不停的切換工具,這樣非常不效率,也容易讓聽眾失焦。現在借助 figma,可以直接一邊講 PPT,一邊演示原型,更加沉浸。

在多人講同一個 PPT 時,如果你在投屏的話,別人就需要對你重復說:“下一張幻燈片,下一張幻燈片,下一張幻燈片。”讓一個人負責控制可能會顯得低效或尷尬。Figma Slides 允許共同演講者在他們發言時突出自己,并在需要時將接力棒傳遞給下一位。

還有一個痛點,figma 很懂,那就是非設計師一般不愿意找他們的設計師同事幫忙美化 PPT。就算用設計師做的 PPT 模板也會有一個問題,一旦需要加內容和做修改時,還要重新挑戰對齊和間距,基本上很難用好。figma 在更新后,在這塊會具備空間感知能力,能自動幫你做好布局和美化,大大降低了排版難度,對非設計師朋友很友好了。

好了,以上就是我總結的一些實用性很強的更新內容,當然更新的功能遠不止這些。如果你還想看到更全面的一手資料,我也把官方鏈接放在這里,可供你查閱。

  1. Config 2024: Figma 產品發布會 PPT,全程回放 https://www.youtube.com/live/n5gJgkO2Dg0
  2. 本次發布會上所有更新內容 https://www.figma.com/whats-new
  3. figma UI 更新介紹 https://www.figma.com/blog/behind-our-redesign-ui3
  4. Figma AI 更新介紹 https://www.figma.com/blog/introducing-figma-ai
  5. Figma Slide 更新介紹 https://www.figma.com/blog/figma-slides

全文完,既然看到這里了,如果覺得有學到,隨手點個贊吧。

素材來源官方媒體/網絡新聞

歡迎關注作者的微信公眾號:「彩云譯設計」

Figma AI登場!一文讀懂Figma 2024所有重磅更新

收藏 104
點贊 122

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。