Sketch 的整份文件換色

想像這個場景：你正在用 Sketch 做一份 App 設計。數十頁，包含一海票的工作區域。發表日快要到了，在全體出席的會議中，老闆想要在每個畫面用到的藍色看起來更活潑一些。

OK的，至少他不是要求 LOGO 放大一些。

Sketch 有幾個很不錯的全域更改方式，像是符號 (Symbols)、文字樣式 (Text Styles) 和圖層樣式 (Layer Styles)。

但是問題在：這些東西必須要在大幅度更改前設定好。即使如此，還是有可能會遺漏一些不同的符號跟樣式，希望你不常發生這種事。

如果你可以從參照範本中只要修改一次，全部的藍色都跟著改變，這樣不是很輕鬆嗎？填色、外框、圖示、符號的一部分、不是符號的部分 — 全部都可以換。

為您介紹 Craft：來自未來科技的設計機器人

Craft 是一組由 inVision Labs 研發的工具。最近一次的更新帶來了 Styles 功能：直接在 Sketch 文件中管理、更新設計規範的超強功能。

只要滑鼠點一下，Style 功能就會建立一頁設計規範。這一份剛捕獲的設計規範，最上方是整份文件的調色盤，記載這份文件裡，每一個你用過的顏色（包含剛剛那個突兀又黯淡的藍色）。

想要一口氣更改顏色，就只要在這一份這計規範點一下換色，然後在 Styles 側邊欄點一下 Sync Styles。

把有點黯淡的藍色改為活潑的藍色

這樣就好了。只要這個步驟，整份文件的顏色都會更新。比起以前還要多花好幾個小時，現在你有多的時間去買杯咖啡了（不過別跟你的老闆說）。

今天我們看到 Styles 可以讓顏色這麼方便，但是你還覺得「哦，就只是顏色罷了。」，那你一定要去看這個影片，就可以知道他還能做什麼，務必去看！

還有，合併數個顏色的功能

以前手動換顏色的方法，會有些遺漏了，像是有不同色調的藍色，分散在文件裡。不但看起來不和諧，也會讓開發者那端不知道到底要用哪個藍色。

在自動產生的設計規範中，每個顏色都會先抓進來。如果你有四種藍色， Styles 會先幫你列好。現在，把這些突兀的藍色用滴管換成正確的藍色，點一下 Sync Styles 即可。

找出它們，摧毀它們：移除不小心用到的藍色。

因為 Styles 很聰明，可以判斷是否有重複，然後把一樣的顏色、字型、文字樣式和符號範本合併，一下子就可以讓風格一致。

現在就試用 Craft：打開 InVision Labs 的網頁下載。它是免費的，而且正不斷進化。

翻譯說明

本文翻譯自 Clark Wimberly在2016/03/11發表的 Global color replacement in Sketch，所有圖文版權屬於原作者。