大家好，我是和你們聊設(shè)計(jì)的花生~

2022 年 Config 已于 2022 年 5 月 10 日-11 日在舊金山舉行，這場(chǎng)由 Figma 召開(kāi)的線(xiàn)上設(shè)計(jì)大會(huì)，邀請(qǐng)了來(lái)自全球 20 多個(gè)國(guó)家的 100 多位相關(guān)行業(yè)從業(yè)者發(fā)表演講，與全球用戶(hù)交流分享設(shè)計(jì)經(jīng)驗(yàn)和最新的理念。

在 5 月 10 日的開(kāi)幕式的主題演講上，F(xiàn)igma 首席執(zhí)行官 Dylan Field 向世界展示了 Figma 的 15 項(xiàng)新功能，及這些功能如何更好的幫助人們使用 figma 進(jìn)行創(chuàng)作工作，一起來(lái)看看吧~

FigJam 小工具

FigJam 是 Figma 在 2021 發(fā)布的全新可協(xié)作白板，適合記錄個(gè)人想法創(chuàng)意及團(tuán)隊(duì)間的頭腦風(fēng)暴。2022 年，F(xiàn)igma 在 FigJam 中置入更多實(shí)用小工具，為團(tuán)隊(duì)協(xié)作溝通提供了更加多樣好玩的方式。

1. Jira、Asana和Github小工具

這些小工具本質(zhì)上如同 Figma 中的插件，能讓想法進(jìn)一步變?yōu)榭蓤?zhí)行的計(jì)劃，幫助團(tuán)隊(duì)更好地推進(jìn)工作。

Asana 和 Jira 都是團(tuán)隊(duì)項(xiàng)目管理軟件，在 FigJam 中完成的討論后，可以用 Jira 或 Asana 小工具直接將想法標(biāo)注為不同的任務(wù)并設(shè)立優(yōu)先級(jí)，還能將任務(wù)同步到原項(xiàng)目管理軟件中。使用 Github 小工具，用戶(hù)可以直接在 FigJam 界面中創(chuàng)建新的議題或者將 Github 中的議題導(dǎo)入 FigJam，方便團(tuán)隊(duì)成員圍繞其進(jìn)行討論。

2. 賀卡小工具與語(yǔ)音備忘錄

FigJam 里還新增的賀卡小工具和語(yǔ)音部備忘錄。團(tuán)隊(duì)的成員都可以自定義賀卡樣式，發(fā)送給其他成員或慶祝團(tuán)隊(duì)成就。語(yǔ)音備忘錄工具則可以快速記錄留言，為團(tuán)隊(duì)其他成員提供更加真情實(shí)感的反饋。

自動(dòng)布局新功能 （Auto Layout Update）

自動(dòng)布局功能可以有效提供設(shè)計(jì)效率，并讓設(shè)計(jì)輕松適應(yīng)不同的屏幕尺寸。2022 年自動(dòng)布局升級(jí)后功能更加強(qiáng)大方便，其中比較重要的幾項(xiàng)分別是：

項(xiàng)目間距可視化并直接拖動(dòng)進(jìn)行調(diào)節(jié)，無(wú)需在畫(huà)板與屬性面板間切換調(diào)整：

文本基線(xiàn)自動(dòng)對(duì)齊：

在自動(dòng)布局框架內(nèi)，通過(guò)絕對(duì)定位控件讓元素實(shí)現(xiàn)相對(duì)于邊界的精準(zhǔn)定位，不受自動(dòng)布局的影響：

支持負(fù)空間的自動(dòng)布局：

可變字體 （Variable Fonts）

可變字體支持運(yùn)用滑塊調(diào)節(jié)字體的字重、寬度、傾斜度及光學(xué)尺寸，這不僅使字體調(diào)整更方便，字體在網(wǎng)頁(yè)上呈現(xiàn)效果也更加精致，所需的加載時(shí)間也更短。設(shè)計(jì)師可以將自定義的字體變量保存到“樣式"菜單中，自定義樣式可以添加到庫(kù)里，團(tuán)隊(duì)中的其他人員重復(fù)使用某一種自定義字體配置。

新的輪廓模式（Outline Mode）

輪廓模式如同一臺(tái) X 光機(jī)，可以讓設(shè)計(jì)者方便快捷地檢查、選擇和調(diào)整所有被遮擋對(duì)象、隱藏圖層和嵌套層。新的輪廓模式讓被遮擋的對(duì)象也能直接被選中并進(jìn)行編輯，設(shè)計(jì)者無(wú)需在圖層面板中進(jìn)行查找。

單獨(dú)分隔線(xiàn)（Individual Strokes）

單獨(dú)分隔線(xiàn)功能支持為一個(gè)矩形、框架或組件/實(shí)例的任意一邊添加分隔線(xiàn)。其本質(zhì)可以視為矢量路徑，設(shè)計(jì)師可以調(diào)整其顏色、粗細(xì)和線(xiàn)條、端點(diǎn)及轉(zhuǎn)角的樣式。

彈跳動(dòng)畫(huà)（Spring Animations）

彈跳動(dòng)畫(huà)允許設(shè)計(jì)師為界面中的活動(dòng)部件添加緩動(dòng)和彈跳動(dòng)作，使視覺(jué)傳達(dá)更加真實(shí)生動(dòng)。設(shè)計(jì)師可以通過(guò)系統(tǒng)預(yù)設(shè)來(lái)設(shè)置動(dòng)作的速度和樣式，也可以調(diào)節(jié)貝塞爾曲線(xiàn)和彈跳曲線(xiàn)來(lái)自定義動(dòng)作樣式。

使用貝塞爾曲線(xiàn)自定義動(dòng)作↓

使用彈跳曲線(xiàn)自定義動(dòng)作↓

組件屬性 （Component Properties）

組件屬性通過(guò)將組件與特定的設(shè)計(jì)屬性關(guān)聯(lián)起來(lái)，定義組件的哪些部分可以被改變。如元素是否可見(jiàn)、是否可以交換圖標(biāo)，或批量修改文本屬性等。組件創(chuàng)建者還可以附加說(shuō)明和鏈接到更多文檔，以確保所有使用組件的人明白組其的含義并在系統(tǒng)設(shè)計(jì)中正確地使用它們。

組件屬性讓可以有效統(tǒng)一設(shè)計(jì)規(guī)范，減少變體組件的數(shù)量，設(shè)計(jì)師與開(kāi)發(fā)者之間的協(xié)作也會(huì)更加緊密。

深色模式 （Dark Mode）

在眾多用戶(hù)的要求之下，F(xiàn)igma 終于推出了深色模式。用戶(hù)可以自主選擇界面是深色模式還是淺色模式，且 figma 插件也可以在更新后支持黑暗模式。深色主題設(shè)置是特定于設(shè)備的，如果用戶(hù)在多臺(tái)設(shè)備上使用 Figma 帳戶(hù)，則一臺(tái)設(shè)備上的主題設(shè)置不會(huì)轉(zhuǎn)移到另一臺(tái)設(shè)備上。對(duì)于同一個(gè)文件，一個(gè)用戶(hù)更改主題不會(huì)影響其他人的外觀設(shè)置。

聚光燈（Spotlight）

Figma 上線(xiàn)了聚光燈（Spotlight）功能，以改進(jìn)多人協(xié)作的工作方式。當(dāng)多人協(xié)作團(tuán)隊(duì)中的一員請(qǐng)求聚焦自己的時(shí)候，團(tuán)隊(duì)的其他成員可以選擇成為跟隨者，這樣被聚焦者在自己界面上的每一步操作，都會(huì)展示在所有跟隨者的界面中。

聚光燈功能非常適合在進(jìn)行團(tuán)隊(duì)討論或者演示，主講者不用再擔(dān)心團(tuán)隊(duì)其他成員無(wú)法及時(shí)跟上自己的節(jié)奏。這項(xiàng)功能并非強(qiáng)制性的，如果用戶(hù)無(wú)需跟進(jìn)被聚焦者，可以選擇拒絕，就能繼續(xù)保持自己當(dāng)前界面的視圖和位置。同時(shí)，用戶(hù)也可以通過(guò)單擊任意團(tuán)隊(duì)成員的頭像，了解其目前的視圖。

用戶(hù)主動(dòng)請(qǐng)求成為被聚焦者↓

用戶(hù)接受他人的請(qǐng)求成為跟隨者↓

其他新功能

1. 代碼生成器插件

代碼生成器插件 （Widget Code Generator） 允許設(shè)計(jì)師一鍵將 FigJam 設(shè)計(jì)轉(zhuǎn)換為代碼，代碼可以復(fù)制并用于創(chuàng)建小部件界面。

2. 密碼保護(hù)

每個(gè) FigJam 文件、Figma 設(shè)計(jì)文件和原型都有一個(gè)唯一鏈接,設(shè)計(jì)師可以使用這些鏈接將文件分享出去。如果你想讓自己的文件只有指定的一些人才能訪問(wèn)，就可以使用密碼保護(hù)功能。

當(dāng)有人打開(kāi)受密碼保護(hù)的文件時(shí)，F(xiàn)igma 會(huì)檢查他們是否對(duì)該文件具有查看或編輯角色。如果他們已經(jīng)設(shè)置為允許訪問(wèn)，則不需要輸入密碼；對(duì)沒(méi)有被賦予訪問(wèn)權(quán)限的人，F(xiàn)igma 將顯示“需要密碼”提示，輸入正確密碼之前對(duì)方無(wú)法看到文件的內(nèi)容。

3. 審查設(shè)計(jì)分支狀態(tài)

在 Figma 中設(shè)計(jì)師可以為一個(gè)文件創(chuàng)建不同版本的設(shè)計(jì)「分支」，并邀請(qǐng)團(tuán)隊(duì)中的其他成員與自己協(xié)作對(duì)分支進(jìn)行修改。2022 年，F(xiàn)igma 為分支文件添加了審查功能，幫助創(chuàng)建者在合并設(shè)計(jì)分支之前請(qǐng)求團(tuán)隊(duì)成員或其他協(xié)作者進(jìn)行審核。

審閱者可以查看分支中包含的所有更改，然后可以選擇批準(zhǔn)分支或提出修改建議。審查功能讓設(shè)計(jì)協(xié)作流程能全部在 Figma 中完成，無(wú)需借助外部軟件溝通，非常方便。

4. 收藏夾

設(shè)計(jì)師可以將重要文件和項(xiàng)目設(shè)為星標(biāo)文件，以便從文件瀏覽器的左側(cè)欄中快速訪問(wèn)它們。

5. 國(guó)際鍵盤(pán)快捷鍵

Figma 的鍵盤(pán)快捷鍵最初是基于 QWERTY 鍵盤(pán)的布局，但隨著業(yè)務(wù)的不斷發(fā)展，F(xiàn)igma 意識(shí)到其中一些快捷方式不適用于使用其他語(yǔ)言和布局的鍵盤(pán)的人。于是 Figma 向使用日語(yǔ)、法語(yǔ)和德語(yǔ)鍵盤(pán)布局的人開(kāi)放了測(cè)試版本，用戶(hù)可以在首選項(xiàng)中設(shè)置鍵盤(pán)布局，提高自己的工作效率。

以上就是 15 項(xiàng) Figma 新功能，非常強(qiáng)大，也非常貼心。作為現(xiàn)在世界上最優(yōu)秀的線(xiàn)上協(xié)作 UI 設(shè)計(jì)工具，F(xiàn)igma 在優(yōu)化產(chǎn)品功能、提升用戶(hù)使用體驗(yàn)上作出的巨大努力很好地體現(xiàn)了他們“在更強(qiáng)大和更簡(jiǎn)單之間取得平衡”的理念，相信 Figma 在未來(lái)也能為我們帶來(lái)更多激動(dòng)人心的功能。

參考資料：

https://config.figma.com/events/figma-config-2022/home

https://www.figma.com/whats-new/

https://www.youtube.com/watch?v=JUTFghsG8nI

https://help.figma.com/hc/en-us/categories/360002042553-Figma-design

https://www.figma.com/@mswb