說起Sketch的一大痛點，就不得不提顏色樣式。明明已經建立好完整的圖層顏色樣式，文本就是無法調用，必須重新建立。導致實際項目中的文本樣式非常復雜，特別影響效率。

在69版本中，這個問題將不復存在，新增的顏色變量功能將會統一文檔中的顏色調用方法，與Figma類似。此外還增加了組件視圖、插入窗口等新功能。69版本整體改變還是挺大的，下面一起了解下。

Sketch最新Beta版本下載

如果想體驗Sketch最新Beta版本，請進入Sketch測試版主頁下載 https://www.sketch.com/beta/。但是要記住，一定不要用在自己的正式文件中，防止修改后，低版本打不開。

Sketch 69要求Mac系統版本是macOS 10.14.4及以上，下面是Sketch各大版本對應的Mac系統版本，如果遇到新版的Sketch打不開就需要檢查下自己的系統版本。

顏色變量

這是69版本最大的改變。因為增加了獨立的顏色變量屬性，所以無論是圖層、文本、投影、描邊，都可以通過顏色變量來調用同一種顏色。在顏色選擇面板中，可以對當前顏色制作變變量，并且支持編輯、更新等操作。

原本顏色選擇區域右側換了新圖標，這就是顏色變量。以前的圖層疊加模式放在了右上角。

下圖中展示了描邊、投影的顏色區域，跟填充一樣，都可以添加顏色變量。應用后圖標會變成紫色，并且底部會顯示顏色變量名稱。

因此，以后的文本和圖層就可以共用同一種顏色，非常方便。有點類似于前端的CSS樣式名，符合代碼樣式邏輯，向代碼化邁進了一小步。

組件視圖

又是新增的大功能，組件管理更加細致。原本的圖層和組件標簽切換被去掉，工具欄最左側增加畫布Canvas和組件庫Components面板切換。

組件庫面板又分為組件、文本、圖層、顏色四種分類。其中的顏色是上面講的顏色變量，也被歸類到此。

組件

文本

樣式

顏色

插入窗口

在插入工具中新增搜索功能，可以對組件、文本樣式、圖層樣式進行快速搜索。

并且右側新增獨立窗口按鈕，或者按快捷鍵C即可快速打開搜索面板。

其他

組件Symbol的圖標更新了，從原來的刷新變成菱形。話說，Figma的組件也是個菱形，不過是由4個小的組合而成。

另外路徑偏移功能和用戶反饋功能新增對應圖標。

總結

這次的69版本在組件樣式方面做了大量的改動，無論是顏色變量還是新的組件庫面板，都會對我們后面的設計流程產生影響。尤其是顏色變量功能，以后的文本樣式可以把顏色單獨提取出來，讓顏色成為全局的一個基礎原子屬性，減少組件庫的復雜度。

不過和隔壁的Figma相比，組件和樣式的靈活性還需要加強，Sketch要加油了。

Figma 和 Sketch 哪家強？來看這篇超詳細的對比：

歡迎關注作者的微信公眾號：「UI黑客」