大家好，我是和你們聊設計的花生~

2022 年 Config 已於 2022 年 5 月 10 日-11 日在舊金山舉行，這場由 Figma 召開的線上設計大會，邀請了來自全球 20 多個國家的 100 多位相關行業從業者發表演講，與全球用戶交流分享設計經驗和最新的理念。

在 5 月 10 日的開幕式的主題演講上，Figma 執行長 Dylan Field 向世界展示了 Figma 的 15 項新功能，及這些功能如何更好的幫助人們使用 figma 進行創作工作，一起來看看吧~

FigJam 小工具

FigJam 是 Figma 在 2021 發布的全新可協作白板，適合記錄個人想法創意及團隊間的頭腦風暴。2022 年，Figma 在 FigJam 中置入更多實用小工具，為團隊協作溝通提供了更加多樣好玩的方式。

1. Jira、Asana和Github小工具

這些小工具本質上如同 Figma 中的插件，能讓想法進一步變為可執行的計劃，幫助團隊更好地推進工作。

Asana 和 Jira 都是團隊項目管理軟體，在 FigJam 中完成的討論後，可以用 Jira 或 Asana 小工具直接將想法標註為不同的任務並設立優先級，還能將任務同步到原項目管理軟體中。使用 Github 小工具，用戶可以直接在 FigJam 界面中創建新的議題或者將 Github 中的議題導入 FigJam，方便團隊成員圍繞其進行討論。

2. 賀卡小工具與語音備忘錄

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

自動布局新功能 （Auto Layout Update）

自動布局功能可以有效提供設計效率，並讓設計輕鬆適應不同的屏幕尺寸。2022 年自動布局升級後功能更加強大方便，其中比較重要的幾項分別是：

項目間距可視化並直接拖動進行調節，無需在畫板與屬性面板間切換調整：

文本基線自動對齊：

在自動布局框架內，通過絕對定位控制項讓元素實現相對於邊界的精準定位，不受自動布局的影響：

支持負空間的自動布局：

可變字體 （Variable Fonts）

可變字體支持運用滑塊調節字體的字重、寬度、傾斜度及光學尺寸，這不僅使字體調整更方便，字體在網頁上呈現效果也更加精緻，所需的加載時間也更短。設計師可以將自定義的字體變量保存到「樣式」菜單中，自定義樣式可以添加到庫里，團隊中的其他人員重複使用某一種自定義字體配置。

新的輪廓模式（Outline Mode）

輪廓模式如同一台 X 光機，可以讓設計者方便快捷地檢查、選擇和調整所有被遮擋對象、隱藏圖層和嵌套層。新的輪廓模式讓被遮擋的對象也能直接被選中並進行編輯，設計者無需在圖層面板中進行查找。

單獨分隔線（Individual Strokes）

單獨分隔線功能支持為一個矩形、框架或組件/實例的任意一邊添加分隔線。其本質可以視為矢量路徑，設計師可以調整其顏色、粗細和線條、端點及轉角的樣式。

彈跳動畫（Spring Animations）

彈跳動畫允許設計師為界面中的活動部件添加緩動和彈跳動作，使視覺傳達更加真實生動。設計師可以通過系統預設來設置動作的速度和樣式，也可以調節貝塞爾曲線和彈跳曲線來自定義動作樣式。

使用貝塞爾曲線自定義動作↓

使用彈跳曲線自定義動作↓

組件屬性 （Component Properties）

組件屬性通過將組件與特定的設計屬性關聯起來，定義組件的哪些部分可以被改變。如元素是否可見、是否可以交換圖標，或批量修改文本屬性等。組件創建者還可以附加說明和連結到更多文檔，以確保所有使用組件的人明白組其的含義並在系統設計中正確地使用它們。

組件屬性讓可以有效統一設計規範，減少變體組件的數量，設計師與開發者之間的協作也會更加緊密。

深色模式 （Dark Mode）

在眾多用戶的要求之下，Figma 終於推出了深色模式。用戶可以自主選擇界面是深色模式還是淺色模式，且 figma 插件也可以在更新後支持黑暗模式。深色主題設置是特定於設備的，如果用戶在多台設備上使用 Figma 帳戶，則一台設備上的主題設置不會轉移到另一台設備上。對於同一個文件，一個用戶更改主題不會影響其他人的外觀設置。

聚光燈（Spotlight）

Figma 上線了聚光燈（Spotlight）功能，以改進多人協作的工作方式。當多人協作團隊中的一員請求聚焦自己的時候，團隊的其他成員可以選擇成為跟隨者，這樣被聚焦者在自己界面上的每一步操作，都會展示在所有跟隨者的界面中。

聚光燈功能非常適合在進行團隊討論或者演示，主講者不用再擔心團隊其他成員無法及時跟上自己的節奏。這項功能並非強制性的，如果用戶無需跟進被聚焦者，可以選擇拒絕，就能繼續保持自己當前界面的視圖和位置。同時，用戶也可以通過單擊任意團隊成員的頭像，了解其目前的視圖。

用戶主動請求成為被聚焦者↓

用戶接受他人的請求成為跟隨者↓

其他新功能

1. 代碼生成器插件

代碼生成器插件 （Widget Code Generator） 允許設計師一鍵將 FigJam 設計轉換為代碼，代碼可以複製並用於創建小部件界面。

2. 密碼保護

每個 FigJam 文件、Figma 設計文件和原型都有一個唯一連結,設計師可以使用這些連結將文件分享出去。如果你想讓自己的文件只有指定的一些人才能訪問，就可以使用密碼保護功能。

當有人打開受密碼保護的文件時，Figma 會檢查他們是否對該文件具有查看或編輯角色。如果他們已經設置為允許訪問，則不需要輸入密碼；對沒有被賦予訪問權限的人，Figma 將顯示「需要密碼」提示，輸入正確密碼之前對方無法看到文件的內容。

3. 審查設計分支狀態

在 Figma 中設計師可以為一個文件創建不同版本的設計「分支」，並邀請團隊中的其他成員與自己協作對分支進行修改。2022 年，Figma 為分支文件添加了審查功能，幫助創建者在合併設計分支之前請求團隊成員或其他協作者進行審核。

審閱者可以查看分支中包含的所有更改，然後可以選擇批准分支或提出修改建議。審查功能讓設計協作流程能全部在 Figma 中完成，無需藉助外部軟體溝通，非常方便。

4. 收藏夾

設計師可以將重要文件和項目設為星標文件，以便從文件瀏覽器的左側欄中快速訪問它們。

5. 國際鍵盤快捷鍵

Figma 的鍵盤快捷鍵最初是基於 QWERTY 鍵盤的布局，但隨著業務的不斷發展，Figma 意識到其中一些快捷方式不適用於使用其他語言和布局的鍵盤的人。於是 Figma 向使用日語、法語和德語鍵盤布局的人開放了測試版本，用戶可以在首選項中設置鍵盤布局，提高自己的工作效率。

以上就是 15 項 Figma 新功能，非常強大，也非常貼心。作為現在世界上最優秀的線上協作 UI 設計工具，Figma 在優化產品功能、提升用戶使用體驗上作出的巨大努力很好地體現了他們「在更強大和更簡單之間取得平衡」的理念，相信 Figma 在未來也能為我們帶來更多激動人心的功能。