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

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

一、基本功能更新

全新的頁(yè)面布局

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

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

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

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

By pablostanley

二、Figma AI

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

和 PPT 能力一樣，Figma AI 對(duì)所有用戶(hù)給予一年免費(fèi)使用期限（目前這里還沒(méi)有公布定價(jià)）。

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

By MengTo

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

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

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

⑤ 自動(dòng)命名圖層

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

By pablostanley

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

⑧ AI搜索：

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

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

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

三、Figma Slides（PPT）

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

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

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

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

③ 具備Figma 自動(dòng)布局能力（可以和Keynote說(shuō)拜拜啦！）

④ 支持Keynote中非常好用的神奇移動(dòng)動(dòng)畫(huà)（我超級(jí)喜歡這個(gè)功能！）

⑤ 無(wú)縫嵌入原型設(shè)計(jì)，這對(duì)需要匯報(bào)的設(shè)計(jì)師、產(chǎn)品經(jīng)理來(lái)說(shuō)再利好不過(guò)了~~~

⑥ 支持多人協(xié)作

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

不過(guò) Gamma AI 面向的用戶(hù)群體和 Figma 還是有所差異，加上大公司精力分散，動(dòng)作總是慢上許多，Gamma AI 還有很長(zhǎng)的搶跑時(shí)間，不用過(guò)分擔(dān)心 Figma Slides 帶來(lái)的市場(chǎng)競(jìng)爭(zhēng)。

本期的 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)注作者微信公眾號(hào)：「Bay的設(shè)計(jì)奧德賽」