剛剛結束的Figma Config 2024 年度發表大會,讓人留下了許多的驚喜。
從軟體操作介面全面的更新-UI3,加入現在最火熱的AI生成,以及新的功能Figma Slide簡報,都可以更好的幫助設計師在工作流程以及協作上,達到更好的效率。
就讓我們來仔細看看,這次Figma從頭到尾翻新了一遍的大改版有哪些項目吧。
Figma AI 系列功能 - 設計師工作效率全面提升
在這次的更新中,AI 功能的加入絕對是一個大的亮點,相比現在市面上AI生成UI的新軟體,Figma AI更著重在利用AI來強化原本的功能,解決設計師的痛點。
(資料來源:Figma)
1. 增加 AI 搜索功能,改善原有的搜尋體驗
在設計團隊協作中,設計師常常會需要花很多時間,去尋找相關的組件,因此這次Figma利用AI來解決這個痛點,延伸出來有兩種方式。
視覺搜尋(Visualize Search)
透過上傳的圖片或是直接在畫布上選取區域,就可以幫助你自動找出設計資料庫裡相似的設計畫面,並且可以直接拖入到自己的設計稿裡編輯。而這功能可以擴大到Figma Community裡,幫助你找到或發現優秀的設計資源。
組件搜索(Asset Search)
利用上下文來進行模糊搜尋想要的組件。例如:想要找”主要按鈕(Primary Button)”相關的按鈕組件,不需要完全正確的關鍵字,就可以把類似的組件找出來。
(資料來源:Figma)
2. AI 全自動命名圖層
有些設計師往往會花許多的時間,幫每個圖層命名,以達到可以清楚的辨識內容。現在Figma AI可以輕鬆的辨識每個圖層的內容,並且自動重新命名,解放設計師的雙手,讓你的設計檔看起來更乾淨清楚。
(資料來源:Figma)
3. AI 生成真實的圖跟文
在介面設計時,常常會需要放置假圖片以及假資料,現在Figma AI可以快速幫你產生符合產品的文字以及圖片。在影像處理方面,現在也可以一鍵將圖片去背,再也不需要再借助第三方的Plug-in來達到這個目的,非常的方便。
4.多語系支援以及文案修飾
Figma AI可以協助修飾文案,調整語氣,並且還可以進行翻譯,依據各種語言最適合的句子長度來調整介面。
(資料來源:Figma)
5.AI自動製作Prototype
當設計稿完成時,不必再手動製作Prototype,直接一鍵,AI就可以根據你的設計稿內容,自動完成Prototype。
(資料來源:Figma)
6.全自動生成UI
依據你輸入的提示詞,一鍵生成UI介面,這功能現在在許多的AI to UI的軟體都可以看到,現在Figma也將這功能納入,從官方所展示的Demo,看起來生成的效果是蠻不錯的。
(資料來源:Figma)
Figma 全新介面 UI3 -更乾淨簡潔
這算是Figma第三次重新設計整個介面,目的是在整合近幾年陸續推出的功能。
視覺上,整個畫面變得非常的簡潔,而在操作上,滑鼠移上整個畫面才會出現相關的功能UI,並且把常用的設計工具放到了底部,保留了最大的設計操作空間。
(資料來源:Figma)
重新建構了屬性面板,在不同的使用情境下,面板上功能的順序會有所變換,更容易找到想要的功能。
另外,Figma重新繪製200多個功能icon,風格都轉變為圓角,看起來更輕鬆簡易,並且可以自由開啟工具icon的說明文字。
(資料來源:Figma)
更加好用的Auto Layout
以往Auto Layout雖然好用,但還是需要花點時間學習規則以及熟悉,才能達到最好的效果。
現在Figma推出新的功能-Suggest Auto Layout,可以直接偵測你的設計稿並套用Auto Layout,這樣基本上,就可以一鍵將你的設計稿整理成最佳的框架。
(資料來源:Figma)
響應式原型檢視器 (Responsive Prototype Viewer)
透過這個新功能,在Prototype檢視時,可以設定響應式模式,讓設計師可以非常方便的測試在不同尺寸裝置的UI呈現效果。
(資料來源:Figma)
現在看起來,全新的UI3介面雖然非常的簡潔,也做了非常多的功能整合,但這樣也代表說,原有的使用者需要花點時間去重新適應。
Figma Slide簡報 - 設計成果輕鬆溝通展示
(資料來源:Figma)
在這之前,其實已經有許多設計師都直接用Figma來做簡報,但其效果有限。
這次Figma直接推出Slide簡報,將特效動畫、簡報備註這些基本需要的功能加入,讓使用者不需要更換別的簡報工具,也能夠直接開講。
另外,也可以直接複製貼上在Figma裡製作的Prototype,然後在Slide中進行操作,這之中如果Prototype有做修改,也會及時的更新在簡報上。
在簡報的排版上面,Figma也提供許多模板可以快速地套用,若想要自己調整,也可以即時切換設計模式來做調製整,非常的方便。
Figma Slide還提供讓觀眾參與的功能,例如:投票調查,用圖章回答問題,讓你在進行簡報時,可以即時跟觀眾互動,了解觀眾的反應。
相信這個新功能,往後會大大的減少設計師做簡報的時間,也不需要再切換其他的簡報工具了。
(資料來源:Figma)
結論
Figma這次的改版,算是把AI全面的整合進入,而且是從設計師的使用角度,解決了許多以往的操作痛點,設計師不需要再花時間去處理一些繁雜工作,例如:圖層結構及命名
相反的,未來也會更考驗設計師的思考能力以及洞見,因為操作設計軟體已經沒有太大的門檻,所以要做出好的設計,必定需要更深層的了解客戶的需求以及更多維度的探索。
另外,設計師還是需要做好各種的溝通協調,策略提案…等等相關的軟實力,因為,這些能力目前AI都還是沒有辦法取代的。
凱瑞認為設計師要對未來保持樂觀,將AI視為必然的趨勢,學習並接受,這樣才不會真的被AI時代所淘汰。
延伸閱讀:快速了解Figma進階五大功能