Config2024 大會上，Figma 不僅帶來了全新頁面布局，還重磅押注 AI 能力，有挺多值得關(guān)注的細(xì)節(jié)。

非常喜歡 Figma 發(fā)布會前的這個宣傳視頻，有一股 Arc Browser 的感覺了！

一、基本功能更新

全新的頁面布局

這是 Figma 歷史上進(jìn)行的第三次重大重新設(shè)計。這次左右兩側(cè)的工具欄從貼邊設(shè)計變成了懸浮設(shè)計（很有之前介紹的原型工具 Play 桌面端的味道） ，也能更方便的調(diào)整側(cè)面工具欄大小、隱藏展開。

原本頂部的一條工具欄被挪到了頁面底部，增加了醒目的 AI 圖標(biāo)。

Figma 團(tuán)隊還曬出了一些激進(jìn)的方案嘗試，比如鼠標(biāo)懸停時，側(cè)邊欄就自動消失，最終還是采取了更穩(wěn)妥的改進(jìn)方案。

底部欄中，你還可以看到 mac 聚光燈的影子（包括 Raycast），常見的新建操作、資產(chǎn)、AI 功能、Plugins、widgets、都可以在這里找到并搜索。

By pablostanley

二、Figma AI

收購了 AI 創(chuàng)業(yè)公司 Diagram 一年多以后，F(xiàn)igma 終于在 AI 上有所動作。

和 PPT 能力一樣，Figma AI 對所有用戶給予一年免費使用期限（目前這里還沒有公布定價）。

① 支持通過屏幕截圖、草圖、文本描述，AI繪制頁面、圖標(biāo)，生成頁面后，支持全局色彩、字體、圓角、間距等的快速調(diào)節(jié)

By MengTo

② 支持圖片生成，用于內(nèi)容填充

③ 自動扣除背景（Remove BG 插件將受到?jīng)_擊）

④ AI翻譯Frame中的文本語言，優(yōu)化產(chǎn)品文案

⑤ 自動命名圖層

⑥ AI自動為頁面布局：識別圖層內(nèi)容尺寸、自動調(diào)整間距

By pablostanley

⑦ AI自動補(bǔ)全原型交互

⑧ AI搜索：

可以通過上傳圖片、選擇畫布上的某個區(qū)域或輸入文本來查找文件中類似的設(shè)計，然后將對應(yīng)的設(shè)計插入到當(dāng)前的設(shè)計模塊中（我目前還沒太 get 到這一點，可能對大型產(chǎn)品多人協(xié)同的場景有意義？）

另外還升級了圖層搜索功能，除了圖層名稱匹配以外，還會通過關(guān)鍵詞縮寫匹配（比如 btn=button）來輔助判斷，并且會搜索關(guān)聯(lián)組件庫，再也不用圖層未準(zhǔn)確命名而發(fā)愁了。

AI 方面，Lottie (Figma 插件)也在近期公布了一些實用功能，可以通過 Prompt 生成矢量格式的 icon，可以在 Figma 中簡單編輯快速制作小動畫。此外還支持了模糊圖像轉(zhuǎn)矢量文件。

三、Figma Slides（PPT）

Figma 的 PPT 能力被官方稱為 Slides，昨天打開電腦已經(jīng)收到測試版推送,可以開始使用了！免費開放一年后,Slides 今后將以 3 刀/月開始收費。

① 提供了豐富的PPT模板，有簡約的基礎(chǔ)版本，也有精心設(shè)計的不同主題。

② 可AI調(diào)整文本語氣，重寫文本內(nèi)容

調(diào)節(jié)語氣的交互很有趣，一共包含 Professional（專業(yè)的）、Concise（簡潔的）、Casual（隨意的）、Expanded（擴(kuò)展的） 四個象限，可通過拖拽隨意調(diào)節(jié)范圍。

③ 具備Figma 自動布局能力（可以和Keynote說拜拜啦?。?/p>

④ 支持Keynote中非常好用的神奇移動動畫（我超級喜歡這個功能！）

⑤ 無縫嵌入原型設(shè)計，這對需要匯報的設(shè)計師、產(chǎn)品經(jīng)理來說再利好不過了~~~

⑥ 支持多人協(xié)作

之前在搞懂語言大模型（番外）：40+應(yīng)用案例精選中給大家推薦過酷似 Notion 的 PPT 產(chǎn)品 Gamma AI，其支持傻瓜式、模塊化編輯，也支持拖入文本內(nèi)容自動生成 PPT，最近獲得了較多的關(guān)注。

不過 Gamma AI 面向的用戶群體和 Figma 還是有所差異，加上大公司精力分散，動作總是慢上許多，Gamma AI 還有很長的搶跑時間，不用過分擔(dān)心 Figma Slides 帶來的市場競爭。

本期的 Figma 短更新就到這里了～

相關(guān)參考

1. Everything we launched at Config 2024： https://www.figma.com/whats-new/
2. Meet Figma AI: Empowering designers with intelligent tools： https://www.figma.com/blog/

歡迎關(guān)注作者微信公眾號：「Bay的設(shè)計奧德賽」