Google 翻譯 Sketch Plugin

這個 Plugin 是一套在 KKBOX 內部使用的工具，可以讓你在 Sketch 當中，直 接將設計稿中選擇的文字區塊，透過 Google 翻譯功能，翻譯成指定的語文。 KKBOX 使用這套工具改善設計工作的效率。

請注意：在使用這套工具之前，您需要一把 Google Translate 的 API Key，申 請 API Key 請參考 Google 本身的文件：Translation API Quickstart

背景

一直以來，多國語言字串都是 KKBOX 產品設計上的痛點。

在 KKBOX 的產品設計與討論階段，一直以來都是先設計繁體中文版本，然後就 這個中文版本的設計來來回回討論好幾次，然後就交給 RD 實作同時送外區翻譯， 理想狀況是，當程式實作完成，只要簡單套上字串，就可以進入測試、準備推出…。

但，在 KKBOX 所支援的語系（中、英、日、馬來）當中，中文是字串長度最短 的語言，一開始都只以中文做設計，就會到最後一刻發現版面根本無法容納其他 語系的字串，於是會在最後一刻來來回回改動設計。也就是說，除非我們打算放 棄中文世界以外的市場，我們一開始花時間討論的設計往往是不能用的，而我們 還花了很多時間在討論一個不能用的設計。

但是如果要在一開始就準備好支援多國語文的設計，又會花上大量的人工：設計 師應該把力氣專心花在設計上，而不是放在字串複製貼上這種事情。這麼做也需 要在設計階段，就要能準備好翻譯字串，但是外區很有可能在後期又變更需求改 動字串。而在設計階段，其實只是需要大概知道外區字串可能會多長。

也就是說，我們應該想辦法讓「在設計階段就可以預覽套上外區字串的效果」這 件事情自動化。所以就有了這樣的小嘗試：我們在設計師使用的工具 Sketch 中， 寫了一個 plugin，串接了 Google 翻譯，在設計階段，就可以看看可能會被翻 譯成什麼樣子。

系統需求

你需要一台 Mac，然後安裝 Sketch 設計軟體。我們在 Sketch 43 與 45 版上 測試過這項功能。

安裝

• 請先下載安裝包。
• 下載之後點兩下解壓縮。
• 在 Google Translate.sketchplugin 檔案上點兩下安裝。

使用

• 請先在 Plugin 選單的 Google Translate 子選單中，叫出設定，輸入您的 Google Translate API Key。
• 在 Sketch 中選擇想要翻譯的 Layer。
• 如果選擇的是一個 Group，裡頭有很多 Layer，會連裡頭個 Layer 一起全部 翻譯。
• 從選單中的 Plugins->Google Translate，選擇想要翻譯的方式，例如「中翻 英」、「中翻日」、「中翻馬來」。

附註

• 由於我們現在是只想解決 KKBOX 常見的問題，所以只提供了最常用的幾種翻 譯情境。但是這個 Plugin 還可以繼續擴充。