在這次最新的 Mac app 更新中,我們推出了三個我們認為您會愛不釋手的功能。首先是顏色變數,這是一個期待已久的功能,也是任何設計系統的基礎建構區塊。接著是新的元件檢視,它是文件中本地符號、文字樣式、圖層樣式和顏色變數的專屬空間。最後,新的插入視窗讓尋找和插入元件比以往更容易。
顏色變數
無論您是在處理一次性專案,還是管理複雜的設計系統,保持您使用的顏色一致性和即時性都非常重要。有了顏色變數,我們讓這一切變得更加容易。它們的操作方式與您預期的一樣 — 您可以在任何通常應用純色的地方應用它們。當您更改顏色變數時,您會看到使用它的每個圖層都會自動反映更新。
您可以直接從顏色彈出視窗建立顏色變數。我們還引入了一個選單,可協助您快速存取和應用現有的顏色變數。您可以從顏色彈出視窗或新的元件檢視編輯它們。
顏色變數取代了純色預設值。當您開啟文件時,我們會自動轉換其中的任何現有純色預設值。任何全域純色預設值都將成為其自己的本地素材庫,可供使用它們的每個文件使用。如果您想編輯它們,只需像使用任何其他素材庫一樣,從素材庫偏好設定面板開啟素材庫文件即可。
多年來,我們收到了許多關於顏色變數之類功能的請求 — 在整個開發和測試過程中,我們發現它們非常有用。我們希望您也會喜歡!如需更多資訊,請參閱文件。我們還製作了一段簡短的影片來向您展示更多內容,並發佈了一個顏色變數遷移器外掛程式,以協助您在舊文件中採用顏色變數。
元件檢視(測試版)
除了全新類型的元件外,此更新還引入了它們的新家。新的元件檢視為文件中所有的符號、文字樣式、圖層樣式和顏色變數提供了它們應有的空間。
點擊工具列中的「元件檢視」標籤,即可將畫布切換到文件視窗中的全新檢視。在那裡,您會看到一個網格,其中包含文件中每個元件的預覽。從那裡,我們可以輕鬆地將它們組織成群組、重新命名,甚至可以使用檢查器中的控制項批量編輯它們。換句話說,您不再需要為了檢視和編輯文字樣式而手動建立一個充滿文字圖層的頁面。
這個全新的元件視圖主要是用來組織和編輯目前文件中本機的元件。來自其他函式庫的元件(根據設計)是唯讀的,因此您在這裡不會看到它們。若要檢視和編輯這些元件,您需要在該函式庫的 Sketch 文件中開啟元件視圖。
從概念上講,元件視圖的出現已經有一段時間了,我們迫不及待想與您分享。基於這一點,我們將以 Beta 版的形式推出它,並將在未來的更新中對其進行一些額外的改進和優化。不過,現在您可以觀看影片導覽,瞭解元件視圖,或閱讀相關說明文件。
插入視窗
全新的元件視圖讓您輕鬆整理元件。我們認為插入它們也應該同樣簡單。我們的插入工具列選單在這方面做得很好,在此版本中,我們使用先前引入符號交換和覆蓋選單的搜尋欄位對其進行了改進。
但我們知道我們可以進一步改進此工作流程。因此,在此版本中,我們引入了插入視窗。顧名思義,插入視窗是一個獨立的視窗,專為瀏覽和插入元件而設計,這些元件可以來自您的本機文件或您已啟用的任何函式庫。
我們努力讓這個新視窗的使用變得快速。您只需在鍵盤上按一下 C
鍵即可開啟它,輸入要搜尋的內容,在元件類型之間進行篩選,或瀏覽側邊欄中的特定函式庫和群組。
找到所需的內容後,只需將其拖放到畫布上即可。當您執行此操作時,視窗會自動隱藏,以便您查看整個畫布,但您也可以將其固定,使其自動重新出現。
我們還添加了一些不錯的拖放功能,例如將文字樣式拖放到文字圖層以應用它,以及將圖層樣式和顏色變數與其他圖層類型一起使用。您甚至可以將顏色變數拖放到檢查器中的顏色井中,以及將符號拖放到覆蓋中。
有關插入視窗的更多資訊,您可以查看相關說明文件或觀看我們的影片。
更多更新、改進和修正
除了顏色變數、元件視圖和插入視窗之外,Mac 應用程式 69 版還包括
- 更智慧的網格 - 通過拖動圖層的圓形中心控制柄,以更自然的方式在網格中重新排序圖層。圖層現在將以避免添加額外行或列的方式移動。
- 符號主控台的新名稱 - 作為與 Figma 和 Adobe 全行業變更的一部分,我們重新命名了符號主控台。我們現在將符號主控台稱為符號來源。
- 偏移路徑改進 - 我們已將偏移路徑控制項移至檢查器中,現在會暫時向您顯示原始路徑的輪廓,以便您在進行調整時了解比例。
- 當機和錯誤修正 - 一如既往,我們已經解決了一些惱人的錯誤並修正了一些意外當機。
Mac 應用程式 69 版現已推出,希望您喜歡這些最新更新。我們始終感謝您的意見回饋,因此如果您有任何疑問或遇到任何問題,請與我們聯繫。同時,請密切注意下一個更新,其中包括針對 macOS Big Sur 的精美 UI 更新。😉