Sketch 53 終於來了!它帶來許多令人興奮的新功能,包括全新設計的填色面板、大幅改進的覆蓋功能、Sketch Cloud 更新等等。以下是最新版本新功能的快速概覽:
- 您現在可以管理任何 given 符號在檢查器中顯示的覆蓋。
- 覆蓋現在可在畫布和圖層列表中顯示。
- 全新設計的填色面板,新增了命名顏色、元件庫中的顏色預設、HSL 等等。
- 處理複雜原型時效能提升。
- 超過 65 項其他增強功能和錯誤修正,包括對齊、原型播放和管理資料來源的改進。
更優異的覆蓋功能
管理覆蓋
對於許多設計師來說,符號是 Sketch 中最重要的功能之一。當我們在 Sketch 3.0 中首次實作符號時,沒有人能意識到這些強大、可重複使用的元件的潛力。隨著 Sketch 的發展,符號也隨之發展,隨著時間的推移變得更加強大和多功能。覆蓋的引入讓您可以透過檢查器輕鬆編輯和自訂符號實例的元素。
然而,到目前為止,當選取符號實例時,每個文字、圖片和樣式覆蓋都會列在覆蓋面板中 — 對於處理大型文件和複雜符號的使用者來說,這可能會使檢查器看起來很雜亂,並降低您的工作流程速度。
以前,阻止符號元素被覆蓋的唯一方法是在符號母版中鎖定該圖層,這並不理想,尤其是在我們引入了樣式覆蓋之後。因此,在 Sketch 53 中,我們透過新增「管理覆蓋」面板來管理檢查器中顯示的覆蓋,讓您的工作更加輕鬆。
要選擇哪些元素可覆蓋,只需導覽至符號母版,您會在檢查器中看到「管理覆蓋」區段。可覆蓋的屬性會遵循原始圖層或巢狀符號的階層。要選擇哪些元素可以在該符號的實例中編輯,只需勾選或取消勾選該圖層名稱旁的方塊即可。

圖層列表和畫布中的覆蓋
如果您使用具有許多覆蓋的符號,您就會知道在檢查器中找到所需的覆蓋有多困難。在最新的更新中,現在可以在畫布和圖層列表中檢視和選取覆蓋,讓您可以快速識別並專注於要編輯的覆蓋。
當選取 Symbol 元件時,所有啟用的覆寫都會顯示在圖層列表中 — 您可以點擊 Symbol 元件名稱旁的顯示三角形來查看它們。當您將滑鼠懸停在任何覆寫上時,您會看到畫布上該元素周圍出現一個醒目提示。點擊圖層列表或畫布中的覆寫,將會在 Symbol 內聚焦該覆寫,並在檢查器中將其隔離。您也可以按住 Control 鍵並點擊圖層列表中的覆寫,以顯示更多特定選項。

如果您正在處理具有許多覆寫的大型設計系統,或者您只想快速覆寫某些圖層而不會造成過多的視覺混亂,這將非常有幫助。
全新設計的填色彈出視窗
在 Sketch 53 中,我們賦予顏色彈出視窗一個全新的外觀(和一個新的名稱)。我們重新設計了「填色彈出視窗」,使其看起來與周圍的 UI 一樣出色,但这只是冰山一角 — 我們還添加了一系列很棒的新功能,可以加快您的工作流程。
首先,您現在可以在 Sketch 中為您的顏色、漸層和填色預設命名。沒錯,您不再需要記住所有那些十六進位碼了 — 您現在可以為您的顏色(和其他預設)命名,使其與您的風格指南或設計系統保持一致。這也應該更容易讓團隊成員知道您希望他們使用哪種顏色!

新的彈出視窗允許以網格和列表視圖排序顏色和漸層預設。以列表方式查看預設將顯示其名稱 — 您可以通過雙擊或按右鍵點擊並選擇「重新命名」來編輯預設的名稱。您也可以點擊並拖曳來重新排序預設,通過將預設拖曳出彈出視窗來刪除預設,或在文件和全域顏色集合之間移動預設。
此外,我們終於實現了我們最古老的功能請求之一,您建立的顏色預設現在在使用漸層選擇器時可見,因此您可以在建立漸層時快速抓取品牌或專案顏色。
如果您將文件作為庫共享,則添加到文件顏色的任何顏色預設現在也將包含在庫中,從而比以往更輕鬆地與團隊共享所有設計組件。
為了加快交付給開發人員的速度,我們還添加了以各種格式(包括 HEX、RGB、HSL、Objective-C 和 Swift 代碼)將顏色預設值複製到剪貼板的功能。只需按右鍵點擊顏色預設即可顯示選單。
新的填色彈出視窗也讓使用圖片填色變得更容易。現在可以從填色彈出視窗的「圖片」標籤中選擇常用的圖片。只需點擊標題右側的小時鐘圖示即可顯示您常用的圖片。您常用的顏色也是如此!

最後但同樣重要的是,您現在可以選擇以 HSL(色相、飽和度和亮度)查看您的顏色值,以及現有的 RGB 和 HSB 顏色模型。您可以通過點擊彈出視窗中值下方的標籤,在不同的模型值之間切換。這是我們收到許多請求的功能,因此我們非常興奮能將其添加到 Sketch 53 中!
您可以在我們的文件中找到更多關於新的填色彈出視窗的資訊。
Sketch Cloud
除了 Sketch 53 之外,我們也一直在努力開發一些非常令人興奮的 Sketch Cloud 新更新,這些更新也已於今天發布!
Sketch Cloud 的通知系統已全面改版,讓您比以往更輕鬆地提供和接收設計上的回饋。我們添加了一個全新的活動彈出視窗,讓您能夠即時追蹤您上傳或互動過的文件上的所有評論,就在 Sketch Cloud 上。
除此之外,Sketch Cloud 網站也煥然一新。我們改進了網站的整體外觀和風格,進行了一些更改以提高可讀性和改善您的體驗,並且還全面整理了圖示。
如果您尚未使用 Sketch Cloud,它是與整個團隊分享 Sketch 文件、原型和庫的最簡單方式。立即試用 Sketch Cloud,一起更好地工作。

您可以立即登入 Sketch Cloud查看新的外觀和通知。
原型製作效能改進
這是一個細微但顯著的改進,我們認為值得一提。在 Sketch 53 中,我們現在使用 Metal 渲染原型連結,因此,如果您正在處理一個包含大量原型、連結和熱點的超級複雜文件,您應該會在平移和縮放文件時看到效能的提升。
Sketch 53 中還有超過 65 項其他改進和修復
一如既往,我們一直在聆聽您寶貴的反饋和建議,並且自上次更新以來,我們進行了大量其他改進和錯誤修復。以下是一些重點:
- 我們添加了從 Inspector 直接導航到嵌套符號母版的功能
- Sketch 現在可以準確渲染缺少的字體,而不是使用系統字體
- 我們修復了一個錯誤,即在文件之間複製和粘貼符號時,不會保留已應用的共享樣式覆蓋
- 我們對移動或調整圖層大小時的貼齊功能進行了重大改進
您可以在我們的更新頁面上找到錯誤修復和改進的完整列表。
Sketch 53 對於擁有有效許可證的所有用戶都是免費更新。如果您需要續訂許可證,您將獲得 Sketch 53 和一年的更新。
我們很想知道您對最新更新的看法,因此請讓我們知道您對 Sketch 53 的意見。如果您有任何問題或反饋,您可以透過我們的支援頁面與我們聯繫,或加入Twitter和Facebook上的對話。
請持續關注 Sketch 54 的最新消息!