Sketch UI design Library

如何利用 Sketch Cloud 來共享 Sketch Library 給團隊夥伴?

陳宜萍 2020/10/26 12:18:25
1991

如何利用 Sketch Cloud 來共享 Sketch Library 給團隊夥伴?

如何創建 Sketch Library、library 管理者如何上傳及更新檔案至雲端、library 使用者如何使用及更新 library呢?

 

使用的工具有:

1. Sketch 

2. Sketch Cloud

 

教學指南步驟:

1. 從 Sketch 裡申請 Sketch Cloud 的帳戶 (For everyone)

2. 從 Sketch 新增 Sketch Library (For everyone)

3. 從本機端上傳 Library 至 Sketch Cloud (For maintainer)

4. 共享 Library 給團隊夥伴 (For maintainer)

5. 使用 Sketch Cloud 上的 Library (For team)

6. 從本機端更新 Library並上傳至 Sketch Cloud (For maintainer)

7. 更新正在使用的 Library (For team)

 

 

1. 從 Sketch 裡申請 Sketch Cloud 的帳戶 (For everyone)

A. 方法一:

a. 開啟 Sketch,並在上方工具列右上方找到一個雲朵圖示。

 

b. 點撃圖示後會出現登入面板,沒有申請過帳戶的人請點選左下方的 Create Sketch Account 按鈕。(已有 Sketch Cloud 帳戶的人,可以直接進行登入。

 

c. 按下按鈕後,會開啟註冊的瀏覽器視窗,從這個畫面申請帳號。

 

d. 申請並驗證電子信箱過後,就可以登入 Sketch Cloud。

 

B. 方法二:

a. 點擊 Sketch 系統功能列中的 Sketch 並在功能列中找到 Preferences 選項後,點選開啟控制面板。

 

b. 點選 Account  頁籤後,在面板下方有一區為 Collaborate with Sketch Cloud,點擊 Get Started  按鈕。

 

c. 接下來的步驟可參考方法一的 c.及 d. 要點。

注意:Sketch 的憑證與 Sketch Cloud 帳戶可為不同的使用者,所以即使你使用的是團隊的憑證且並非管理者,你還是可以申請個人使用的 Sketch Cloud 帳戶,兩者並不衝突。

 

 

2. 從 Sketch 新增 Sketch Library (For everyone)

A. 開啟並儲存一個已經有設置一些 Symbol 的 Sketch 檔案。

注意:在 library 上傳至雲端後,你還是可以再變更檔案的內容並重新上傳雲端來更新檔案,只要你是這個 library 的唯一編輯者

 

 

3. 從本機端上傳 Library 至 Sketch Cloud (For maintainer)

A. 點擊在工具列右上方的雲朵圖案。

 

B. 點擊 Upload File 按鈕。

 

C. 上傳後,系統會自動的開啟 Sketch Cloud 網頁。

 

 

4. 共享Library給團隊夥伴 (For maintainer)

A. 調整你在本機端中的 Library 檔案。

 

B. 儲存並上傳更新至 Sketch Cloud。

 

C. 在上傳結束後,雖然系統會自動發通知給使用者,但還是記得通知你的團隊夥伴(這樣可以讓大家使用同樣版本的Library)。

 

 

5. 使用Sketch Cloud 上的 Library  (For team)

A. 當你同意了管理者所發送的共享檔案邀請信,系統會開啟 Sketch Cloud 網頁,找到共享的檔案點擊右上方的 Overflow 圖示並點選 Add Library to Sketch。

 

B. 在點選 Add Library to Sketch 後,會自動開啟 Sketch 中的 Preference 的 Libraries 頁籤,你會看見共享的檔案需要執行安裝。

 

C. 點擊安裝按鈕並下載完成後,便可以直接使用這個 Library。

 

 

6. 從本機端更新Library並上傳至Sketch Cloud (For maintainer)

A. 在 Sketch Cloud 的網頁中,選擇你要共享的 Library 檔案點擊右上方的 Overflow 圖示並選擇 Setting 功能。

 

B. 你可以在 Setting 的視窗中邀請要共享檔案的團隊夥伴,不過在下方的選項中,一定要勾選 Use as Library 的選項。

 

C. 在團隊夥伴同意了你的共享邀請並安裝 library 後,往後在你調整並上傳至 Sketch Cloud 之後,你的團隊夥伴也正在使用Library時,便會收到更新的Library提醒。

 

 

7. 更新正在使用的Library (For team)

A. 當你收到管理者已更新 Library 的訊息,請檢查你的 Sketch 的右上方,會出現可以 Update Available 的提醒。

 

B. 點擊提醒後,會開啟 Preference 的 Libraries 頁籤,你會看到你正在使用的 Library 可以下載。

 

C. 點擊下載按鈕且完成下載後,在檢查一下 Sketch 的右上方的提醒訊息,會再出現一次 Update Available 的提醒,再次點擊就會更新你正在使用的 Library 了。

注意:第一次的提醒為了是下載雲端的檔案;第二次的訊息則是要讓你更新目前正在使用的 Library 至最新的版本。

 

Have fun with Sketch and Sketch Cloud!

陳宜萍