如何將 Sketch 文件及其 Library 無損遷移到 Abstract

Sketch 是一款發佈於 2014 年的設計軟體，設計師可以通過它的 Library 功能實現團隊內組件庫的同步更新。而 2017 年推出的 Abstract 則實現了對 Sketch 文稿的版本控制。兩款工具的結合為設計團隊的協作方式創造了全新的可能。

但在將本地的文件向 Abstract 遷移的過程中往往會遇到一個問題：Library 鏈接斷開。這是由於本地文件被上傳到 Abstract 後會被放到一個新的文件夾，而 Sketch 無法找到 Library 所在的新地址導致的。這時我們可以通過插件 Library Symbol Replacer 將新的 Library 地址告訴 Sketch，進而修復鏈接。具體步驟如下：

1. 下載安裝插件 Library Symbol Replacer

2. 如果是初次使用 Abstract，創建一個項目然後分別導入文件

a. 選擇 Import Sketch File，導入設計文稿

b. 選擇 Add File > Import Sketch File as Library，導入對應的組件庫文稿

3. 從 Abstract 打開設計文稿

4. （重要！）打開左上角菜單欄 Sketch > Preferences 並切換到 Libraries 標籤， 選中對應的 library 點擊右鍵「Show in Finder」。這就是你的當前引用的 Library 在電腦上的位置了。

5. 暫時將 Library 所在的文件夾拖到 Finder 側邊欄，方便下一步使用。

6. 回到剛剛的 Sketch 主界面，點擊菜單欄 Plugins > Library Symbol Replacer > Replace symbols from a new library，然後從 Finder 側邊欄選擇中一步中的 Library 文件開始替換

7. 稍過片刻替換就完成了，instance 前面的紫色圖標應該已經變成了 link 的樣式。完成後會彈出提示框，提議刪除文件中已被替換的 symbols。通常這些 symbol 已沒有對應的 instance，點擊確定就好

如果有 symbol 被遺漏，通常是因為 instance 名字發生變更導致了插件無法識別。你可以使用插件 Symbol Swapper 一個一個進行手動替換，或直接按照 Library 文件修改 symbol 命名然後重新執行 6~7 步。

補充插件 1：Symbol Swapper

如果有 symbol 被遺漏，你可以通過這個插件進行單獨替換。

該插件也提供 Swap Libraries 的功能。在 Abstract 支持 project 之間移動文件之前，可使用該功能將設計文稿從一個project 中的 library 重新鏈接到另一個 project 中的 library。

補充插件 2：Symbol Instance Renamer

一般來說 Sketch Library 的 symbols 更新推送是不包含命名的。因此如果你的組件庫 symbols 常常發生命名更改，可以不定期地在設計文稿中運行這個插件來確保 instances 的名稱與 Library 中的 symbols 一致。

新的工具往往能提高我們的工作效率，但如何帶著舊的設計文件過渡到新工具卻是我們常常要面臨的問題。如果你有其他方法或者技巧，歡迎在評論區討論。