匯出設計權杖
下載顏色變數、圖層樣式和文字樣式的設計權杖 — 或建立永久有效的公開連結。
從完整畫布檢視中檢視
使用元件庫和設計系統
使用元件網頁檢視瀏覽元件庫,並查看文件何時使用可重複使用的元件以加快開發速度。
複製數值
和 CSS
從網頁應用程式匯出任何素材 新功能
與您現有的工作流程整合
在 GitHub 或 Jira 等工具中分享最新設計或特定版本的連結,或將設計嵌入 Notion 等平台。
使用註釋討論設計
測量圖層之間的距離


您真正需要的工具,無需任何費用

在任何網頁瀏覽器中取得所有讓設計師交付變得輕鬆的工具。無需學習如何使用 Mac 應用程式,甚至不需要擁有 Mac。更棒的是,開發人員可以免費使用所有這些工具。
在幾秒鐘內達成共識
在您的瀏覽器中查看最新的設計,與設計師在 Mac 應用程式中看到的完全相同。透過在畫布上新增註釋來分享意見回饋和提出問題。然後取得您需要將像素轉換為程式碼的內容。
所有基礎功能,專為速度而打造
當設計師與您分享 Sketch 檔案的連結時,您只需點擊幾下即可測量圖層之間的距離、複製數值、匯出和下載素材等等。
用於大規模工作的進階工具

無論您是使用元件網頁檢視瀏覽大型元件庫、匯出顏色和樣式的設計權杖,還是使用可重複使用的元件,擴展您的工作從未如此簡單。
還有更多…
需要回顧一下嗎?遺漏了什麼嗎?這裡是 Sketch 中的每個設計師交付功能。無需額外的外掛程式或第三方應用程式。
設計交付開發人員
讓開發人員輕鬆上手
邀請開發人員在任何網頁瀏覽器中免費檢查設計稿並下載素材資源。
直接在畫布上檢查設計,並複製顏色、屬性等數值。
以不同格式複製顏色值 — HEX、RGB、HSL、NSColor 和 UIColor。
複製顏色變數名稱或其顏色值。
查看並瀏覽任何文件中使用的元件庫樣式和符號。
從瀏覽器直接匯出任何素材資源,完全掌控大小、格式和命名規則。
測量畫布上圖層之間的距離,以便精確重現。
顯示或隱藏每個畫板上設定的格線和佈局。
複製任何選定圖層的 CSS 樣式。
檢視文件元件
瀏覽任何文件的符號、樣式和顏色變數。
擷取圖層樣式、文字樣式和顏色變數的權杖(CSS 或 JSON 格式),與開發專案保持同步。
下載顏色權杖或建立保持更新的連結,以便整合到您的專案中。
將任何文字圖層中的文字複製到剪貼簿,方便貼到其他應用程式中。
「我們在多個產品中使用 Sketch,涵蓋多位 UI/UX 設計師和視覺設計師。從登陸頁面到完整的網站,應有盡有。我們很喜歡它輕鬆調整圖形大小的功能。」


Sketch 的元件庫、與業界工具的相容性以及外掛程式社群,讓我們的團隊能夠跨多個品牌和平台建構及擴展設計系統,進而為我們的使用者提供更優質、更一致的體驗。


Sketch 的元件庫和樣式覆寫功能對我們的設計系統而言不可或缺,它們能將符號的混亂降至最低,並讓我們能夠跨多個平台進行擴展。

