現如今,Figma Config 大會已然成為了設計界的盛會,每年都會帶來許多有趣的新功能,吸引著全球設計師的目光。
今年的 Config 2024 一開始,Figma 的 CEO Dylan Field 就身穿一件「Now With AI」的 T 恤亮相,直接了當地表明 Figma 將會擁有很多 AI 功能。
首先,讓我們看看 Figma 的 UI 介面變化。
隨著時間的推移和更多功能的加入,Figma 正在變得越來越複雜。為此,Figma 發布了全新的「UI3」,帶來了更乾淨、簡潔的介面。
新的 UI3 採用了圓角設計,更新了超過 200 個圖示。
原來工具列現在進化為「工具列」,位置也被移到了介面底部。
另外,現在側邊欄的大小可以根據需求進行調整,還可以隨時隱藏。
Figma 表示,這是其自內部測試以來的第三次「重大重新設計」。他們想「減少 Figma UI 在畫布上的存在感,讓你更專注於工作」,並希望可以讓新使用者更輕鬆地上手。
在改版後的「工具列」中,你可以注意到多了一個星狀圖示。和其他創意工具一樣,Figma 現在也選擇全面擁抱 AI。
Figma AI 的加入,標誌著設計工具向智慧化邁出了一大步。現在,你可以透過一句話指令,就能讓 Figma 自動生成 UI。
Figma CPO Yuhki Yamashita 在發布會上展示了這一功能。在他輸入指令後的幾秒鐘,Figma 就生成了一個帶有選單列表與標籤列的 App 介面。
在生成的 UI 中,甚至還包含地圖、Uber Eats 和 DoorDash 等第三方介面。這完全是一個可用的 App 原型,而且 Yamashita 還能對介面任意調整。
平時在向他人展示 App 設計時,只透過圖片會不夠直觀,無法展現出介面的跳轉等。如果再搭建原型,又會十分耗時間。
現在,Figma AI 終於解決了這一難點。只需輕點一下按鈕,Figma 即可快速將靜態設計轉換為互動原型,讓你更專注於設計。
同樣,你現在也可以用 Figma 一鍵設計出一個完整的個人網頁。
如果生成之後不滿意,你還可以隨時對全局或部分進行修改。想加個聯絡方式或聊天框,Figma 都可以輕鬆做到。
這應該是 Figma 的強項,因為 Figma 透過社群坐擁了龐大的 UI 設計資源。對於簡單的設計任務,交給 Figma 就好。
在做好產品原型後,Figma AI 還能智慧重寫文字、填充文字或者翻譯內容等。
終於,無聊的 Lorem ipsum 佔位符文字要告別歷史舞台了。
填充圖片在 Figma 上不是新鮮事,以前使用者就可以透過安裝一些外掛程式,實現在 Unsplash 等網站搜尋圖片進行填充。
但現在,Figma 可以做到官方原生支援,會比已有的外掛程式方便很多。而且這些圖片是 AI 生成的,可以更加貼近使用情境。
無論是設計團隊還是個人設計師,時間一長就會出現素材混亂的情況。如果沒有良好的整理習慣,在龐大的素材量下,想要快速找到所需內容並不是一件易事。
但現在有了 Figma AI,就可以極大地簡化這一流程。Figma 現在能夠識別你的設計內容,自動幫你整理命名圖層,終於可以告別手動逐個命名圖層的繁瑣操作。
目前唯一的不足,是這一功能還尚不支援中文。如果你創作的是英文內容,或者在設計時習慣用英文命名,那還是可以順暢使用的。
新的 Figma 除了可以幫你整理條目之外,還帶來了 AI 搜尋功能。無需再費時瀏覽資料夾和層級結構,就能讓你在幾秒鐘內找到所需的設計素材。
使用方式也十分簡單,你可以使用文字描述素材或上傳相似圖片,之後 Figma AI 就能夠快速提供配對的結果。
即便是上傳了一張模糊不清的截圖,Figma 也能快速幫你找到對應素材。
倘若你要找一個 UI 組件,又不想打字描述,或是從網上找一個相似的圖形。那麼,你甚至可以透過手繪來完成搜尋。
只需要用滑鼠簡單勾勒幾筆,Figma 就能快速幫你找到相近的素材。
伴隨著 iOS 和 Android 的年度升級,Figma 也及時引入了最新的設計套件。
所有蘋果和 Google 官方的設計素材都可以直接使用,還能輕鬆調整深色模式、裝置尺寸等配置。
因為 Figma 的易用性,之前有很多人會選擇使用 Figma 做簡報。Figma 在關注到這一場景後,推出了 Figma Slides。
Figma Slides 一經亮相,便迎來了全場的一片歡呼。
它的功能類似於 Google Slides,內建了許多精美的模板,但完全整合在 Figma 平台之內。
你可以在簡報中設立即時投票,透過觀察現場聽眾的反應,來保留在你的簡報上的內容。
還能讓他人協助一起演示,在遠端共同操作下,再也不用擔心簡報展示順序混亂。
作為 Figma 的產品,Figma Slides 自然也內建了互動原型。
你可以將已有的設計稿直接匯入簡報中,並在展示時自由演示和操作,讓你的分享變得更為生動。
當然,Figma AI 自然也不會在 Figma Slides 上缺席。
在製作簡報時,你可以使用 AI 自動重寫文字。操作面板上有兩個維度:一個是「簡潔」到「擴展」,另一個是「隨意」到「專業」,輕輕拖拽便可自動修改文字。
你還可以把展示場景告訴 Figma,讓它以行政、技術或教育等風格來改寫你的措辭。
愛范兒的設計師們也會使用 Figma 完成日常工作,比如創作社群媒體圖片、設計宣傳海報等。
在看過 Config 2024 後,愛范兒的設計師 Caca 不禁發出一陣感嘆:
Figma Next Level!!!
先談談 Figma 簡報,我之前一直在畫板裡面做簡報。與 PPT、Keynote 等簡報軟體相比,Figma Slides 的好處在於它的畫板是無限的,閱讀和總覽體驗非常好,可以隨意更換演講邏輯。而且現在還可以直接升級成演講模式,感覺會更高效率。
另外,Figma 本身的外掛程式已經非常好用,現在又疊加了 AI,感覺解放了很多「不需要動腦」的工作流程。
同樣在這個月,脫胎於猿輔導的 Motiff 妙多正式發布。這家公司想用 AI 顛覆 Figma。Motiff 的產品思路和 Figma 很類似,但是加入了很多自己的考量。
Motiff 之前就融入了很多 AI 場景,做到了 Figma AI 的一些功能,
Figma Config 2024 結束之後,Motiff 營運副總裁張昊然「長舒一口氣」,他在社群平台上說到:
Motiff 是那個拿起長槍挑戰地表最強武士的少年,似乎也放平心態做好被掄到地上的準備。但今天 Figma 這一劍揮下來,好像也不是那麼沉重的接不住?
在 Config 2024 大會現場,還發生了一件趣事。觀眾入場時,檢票口的設備突然故障了十分鐘,會場門口排起了長隊。
而 Motiff 則租下了一輛廣告車,為競爭對手送上了一個「小彩蛋」。這種「貼臉開大」的行為,也為現場增添了幾分樂趣。
Figma AI 很快就會在測試版中推出,而 Figma Slides 現在則已經能夠使用了。
在測試期間,Figma Slides 可以免費試用,但在正式推出後將轉變為付費功能。
Figma 表示,測試期將持續到今年年底,並承諾在 AI 功能正式推出時提供「清晰的定價準則」。各位如果感興趣,可以提前加入等待名單排隊。
本文為愛范兒授權刊登,原文標題為「Figma 帶來重磅更新,AI 時代下的設計工具應該是什麼樣?」