Figma 2024 Config 年會-改版內容解析

Figma Config 2024

剛剛結束的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 Config 2024_Search

(資料來源:Figma

2. AI 全自動命名圖層

有些設計師往往會花許多的時間,幫每個圖層命名,以達到可以清楚的辨識內容。現在Figma AI可以輕鬆的辨識每個圖層的內容,並且自動重新命名,解放設計師的雙手,讓你的設計檔看起來更乾淨清楚。

Figma 2024 Config_Layer

(資料來源:Figma

3. AI 生成真實的圖跟文

在介面設計時,常常會需要放置假圖片以及假資料,現在Figma AI可以快速幫你產生符合產品的文字以及圖片。在影像處理方面,現在也可以一鍵將圖片去背,再也不需要再借助第三方的Plug-in來達到這個目的,非常的方便。

4.多語系支援以及文案修飾

Figma AI可以協助修飾文案,調整語氣,並且還可以進行翻譯,依據各種語言最適合的句子長度來調整介面。

Figma 2024 Config_text

(資料來源:Figma

5.AI自動製作Prototype

當設計稿完成時,不必再手動製作Prototype,直接一鍵,AI就可以根據你的設計稿內容,自動完成Prototype。

Figma Config 2024_Prototype

(資料來源:Figma

6.全自動生成UI

依據你輸入的提示詞,一鍵生成UI介面,這功能現在在許多的AI to UI的軟體都可以看到,現在Figma也將這功能納入,從官方所展示的Demo,看起來生成的效果是蠻不錯的。

Figma 2024 Config_Text to UI

(資料來源:Figma

Figma 全新介面 UI3 -更乾淨簡潔

這算是Figma第三次重新設計整個介面,目的是在整合近幾年陸續推出的功能。

視覺上,整個畫面變得非常的簡潔,而在操作上,滑鼠移上整個畫面才會出現相關的功能UI,並且把常用的設計工具放到了底部,保留了最大的設計操作空間。

Figma Config 2024_UI3
Figma Config 2024_UI3

(資料來源:Figma

重新建構了屬性面板,在不同的使用情境下,面板上功能的順序會有所變換,更容易找到想要的功能。

另外,Figma重新繪製200多個功能icon,風格都轉變為圓角,看起來更輕鬆簡易,並且可以自由開啟工具icon的說明文字。

Figma Config 2024_icon

(資料來源:Figma

更加好用的Auto Layout

以往Auto Layout雖然好用,但還是需要花點時間學習規則以及熟悉,才能達到最好的效果。

現在Figma推出新的功能-Suggest Auto Layout,可以直接偵測你的設計稿並套用Auto Layout,這樣基本上,就可以一鍵將你的設計稿整理成最佳的框架。

Figma Config 2024_Auto Layout

(資料來源:Figma

響應式原型檢視器 (Responsive Prototype Viewer)

透過這個新功能,在Prototype檢視時,可以設定響應式模式,讓設計師可以非常方便的測試在不同尺寸裝置的UI呈現效果。

Figma Config 2024_Responsive

(資料來源:Figma

現在看起來,全新的UI3介面雖然非常的簡潔,也做了非常多的功能整合,但這樣也代表說,原有的使用者需要花點時間去重新適應。

Figma Slide簡報 - 設計成果輕鬆溝通展示

(資料來源:Figma

在這之前,其實已經有許多設計師都直接用Figma來做簡報,但其效果有限。

這次Figma直接推出Slide簡報,將特效動畫、簡報備註這些基本需要的功能加入,讓使用者不需要更換別的簡報工具,也能夠直接開講。

另外,也可以直接複製貼上在Figma裡製作的Prototype,然後在Slide中進行操作,這之中如果Prototype有做修改,也會及時的更新在簡報上。

在簡報的排版上面,Figma也提供許多模板可以快速地套用,若想要自己調整,也可以即時切換設計模式來做調製整,非常的方便。

Figma Slide還提供讓觀眾參與的功能,例如:投票調查,用圖章回答問題,讓你在進行簡報時,可以即時跟觀眾互動,了解觀眾的反應。

相信這個新功能,往後會大大的減少設計師做簡報的時間,也不需要再切換其他的簡報工具了。

Figma Config 2024_Slide

(資料來源:Figma

結論

Figma這次的改版,算是把AI全面的整合進入,而且是從設計師的使用角度,解決了許多以往的操作痛點,設計師不需要再花時間去處理一些繁雜工作,例如:圖層結構及命名

相反的,未來也會更考驗設計師的思考能力以及洞見,因為操作設計軟體已經沒有太大的門檻,所以要做出好的設計,必定需要更深層的了解客戶的需求以及更多維度的探索。

另外,設計師還是需要做好各種的溝通協調,策略提案…等等相關的軟實力,因為,這些能力目前AI都還是沒有辦法取代的。

凱瑞認為設計師要對未來保持樂觀,將AI視為必然的趨勢,學習並接受,這樣才不會真的被AI時代所淘汰。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

相關文章

Figma Config 2024

Figma 2024 Config 年會-改版內容解析

剛剛結束的Figma Config 2024 年度發表大會,讓人留下了許多的驚喜。

從軟體操作介面全面的更新-UI3,加入現在最火熱的AI生成,以及新的功能Figma Slide簡報,都可以更好的幫助設計師在工作流程以及協作上,達到更好的效率。

閱讀全文 »
2024年獲得UI/UX工作的6個關鍵

2024年獲得UI/UX工作的6個關鍵

現在因為大環境的關係,企業用人偏向比較保守,相對的來說UIUX設計師的職缺或是薪水也回到了一個平均值。

在這樣環境下,如果你想做一名UI/UX設計師或是產品設計師,該怎麼做才能脫穎而出,找到理想的工作呢?

以下我們將一起探討2024年你可以採取的6個關鍵方法,幫助你更有效率的順利找到工作。

閱讀全文 »