Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

現如今,Figma Config 大會已然成為了設計界的春晚,每年都會帶來許多有意思的新功能,吸引著全球設計師的目光。

今年的 Config 2024 一開始,Figma 的 CEO Dylan Field 就身穿一件「Now With AI」的 T 恤亮相,直接了當地表明 Figma 將會擁有很多 AI 功能。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

首先,讓我們看看 Figma 的 UI 界面變化。

隨著時間的推移和更多功能的加入,Figma 正在變得越來越復雜。為此,Figma 發布了全新的「UI3」,帶來了更干淨、簡潔的界面。

新的 UI3 採用了圓角設計,更新了超過 200 個圖標。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

原來工具欄現在進化為「工具條」,位置也被移到了界面底部。

另外,現在側邊欄的大小可以根據需求進行調整,還可以隨時隱藏。

Figma 表示,這是其自內測以來的第三次「重大重新設計」。他們想「減少 Figma UI 在畫布上的存在感,讓你更專注於工作」,並希望可以讓新用戶更輕松地上手。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

在改版後的「工具條」中,你可以注意到多了一個星狀圖標。和其他創意工具一樣,Figma 現在也選擇全面擁抱 AI。

Figma AI 的加入,標志著設計工具向智能化邁出了一大步。現在,你可以通過一句話指令,就能讓 Figma 自動生成 UI。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

Figma 首席產品官 Yuhki Yamashita 在發布會上展示了這一功能。在他輸入指令後的幾秒鍾,Figma 就生成了一個帶有菜單列表與標簽欄的 App 界面。

在生成的 UI 中,甚至還包含地圖、Uber Eats 和 DoorDash 等第三方接口。這完全是一個可用的 App 原型,而且 Yamashita 還能對界面任意調整。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

平時在向他人展示 App 設計時,只通過圖片會不夠直觀,無法展現出界面的跳轉等。如果再搭建原形,又會十分耗時間。

現在,Figma AI 終於解決了這一難點。只需輕點一下按鈕,Figma 即可快速將靜態設計轉換為交互原型,讓你更專注於設計。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

同樣,你現在也可以用 Figma 一鍵設計出一個完整的個人網頁。

如果生成之後不滿意,你還可以隨時對全局或部分進行修改。想加個聯系方式或聊天框,Figma 都可以輕松做到。

這應該是 Figma 的強項,因為 Figma 通過社區坐擁了龐大的 UI 設計資源。對於簡單的設計任務,交給 Figma 就好。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

在做好產品原形後,Figma AI 還能智能重寫文本、填充文字或者翻譯內容等。

終於,無聊的 Lorem ipsum 占位符文本要告別歷史舞台了。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

圖片填充在 Figma 上不是新鮮事,以前用戶就可以通過安裝一些插件,實現在 Unsplash 等網站搜索圖片進行填充。

但現在,Figma 可以做到官方原生支持,會比已有的插件方便很多。而且這些圖片是 AI 生成的,可以更加貼近使用情景。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

無論是設計團隊還是個人設計師,時間一長就會出現素材混亂的情況。如果沒有良好的整理習慣,在龐大的素材量下,想要快速找到所需內容並不是一件易事。

但現在有了 Figma AI,就可以極大地簡化這一流程。Figma 現在能夠識別你的設計內容,自動幫你整理命名圖層,終於可以告別手動逐個命名圖層的繁瑣操作。

目前唯一的不足,是這一功能還尚不支持中文。如果你創作的是英文內容,或者在設計時習慣用英文命名,那還是可以順暢使用的。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

新的 Figma 除了可以幫你整理條目之外,還帶來了 AI 搜索功能。無需再費時瀏覽文件夾和層級結構,就能讓你在幾秒鍾內找到所需的設計素材。

使用方式也十分簡單,你可以使用文字描述素材或上傳相似圖片,之後 Figma AI 就能夠快速提供匹配的結果。

即便是上傳了一張模糊不清的截圖,Figma 也能快速幫你找到對應素材。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

倘若你要找一個 UI 組件,又不想打字描述,或是從網上找一個相似的圖形。那麼,你甚至可以通過手繪來完成搜索。

只需要用滑鼠簡單勾勒幾筆,Figma 就能快速幫你找到相近的素材。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

伴隨著 iOS 和 Android 的年度升級,Figma 也及時引入了最新的設計套件。

所有蘋果和 Google 官方的設計素材都可以直接使用,還能輕松調整深色模式、設備尺寸等配置。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

因為 Figma 的易用性,之前有很多人會選擇使用 Figma 做幻燈片。Figma 在關注到這一場景後,推出了 Figma Slides。

Figma Slides 一經亮相,便迎來了全場的一片歡呼。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

它的功能類似於 Google Slides,內置了許多精美的模板,但完全集成在 Figma 平台之內。

你可以在幻燈片中設立實時投票,通過觀察現場聽眾的反應,來保留在你的幻燈片上的內容。

還能讓他人協助一起演示,在遠程協同操作下,再也不用擔心幻燈片展示順序混亂。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

作為 Figma 的產品,Figma Slides 自然也內置了交互原型。

你可以將已有的設計稿直接導入幻燈片中,並在展示時自由演示和操作,讓你的分享變得更為生動。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

當然,Figma AI 自然也不會在 Figma Slides 上缺席。

在製作幻燈片時,你可以使用 AI 自動重寫文本。操作面板上有兩個維度:一個是「簡潔」到「擴展」,另一個是「隨意」到「專業」,輕輕拖拽便可自動修改文本。

你還可以把展示場景告訴 Figma,讓它以行政、技術或教育等風格來改寫你的措辭。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

愛范兒的設計師們也會使用 Figma 完成日常工作,比如創作社媒圖片、設計宣傳海報等。

在看過 Config 2024 後,愛范兒的設計師 Caca 不禁發出一陣感嘆:

Figma Next Level!!!

先談談 Figma 幻燈片,我之前一直在畫板里面做幻燈片。與 PPT、Keynote 等幻燈片軟體相比,Figma Slides 的好處在於它的畫板是無限的,閱讀和總覽體驗非常好,可以隨意更換演講邏輯。而且現在還可以直接升級成演講模式,感覺會更體系、更高效。

另外,Figma 本身的插件已經非常好用,現在又疊加了 AI,感覺解放了很多「不需要動腦」的工作流程。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

同樣在這個月,脫胎於猿輔導的 Motiff 妙多正式發布。這家公司想用 AI 顛覆 Figma。Motiff 的產品思路和 Figma 很類似,但是加入了很多自己的考量。

Motiff 之前就融入了很多 AI 場景,做到了 Figma AI 的一些功能,

Figma Config 2024 結束之後,Motiff 運營副總裁張昊然「長舒一口氣」,他在社交平台上說到:

Motiff 是那個拿起長槍挑戰地表最強武士的少年,似乎也放平心態做好被掄到地上的准備。但今天 Figma 這一劍揮下來,好像也不是那麼沉重的接不住?

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

在 Config 2024 大會現場,還發生了一件趣事。觀眾入場時,檢票口的設備突然故障了十分鍾,會場門口排起了長隊。

而 Motiff 則租下了一輛廣告車,為競爭對手送上了一個「小彩蛋」。這種「貼臉開大」的行為,也為現場增添了幾分樂趣。

Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?

Figma AI 很快就會在測試版中推出,而 Figma Slides 現在則已經能夠使用了。

在測試期間,Figma Slides 可以免費試用,但在正式推出後將轉變為付費功能。

Figma 表示,測試期將持續到今年年底,並承諾在 AI 功能正式推出時提供「清晰的定價准則」。各位如果感興趣,可以提前加入等待名單排隊。

來源:愛范兒