截圖轉 Sketch：
將任何圖片變成可編輯的 Sketch 圖層
在 Mac 上的 Sketch 設計軟件中上傳截圖、PNG 或 JPG，即可得到可以編輯的圖層：真正的文字、已組合的 UI 元素及獨立的圖片，而不是一整張扁平點陣圖。
適用於 macOS 版 Sketch · 每月 5 個免費 AI 點數 · 無需信用卡
為常見的創作工作流程而設
可以轉換甚麼
各類 UI 都可圖片轉 Sketch 圖層
只要截得到圖，就可以在 Sketch 中以圖層開啟。插件支援真實產品及設計稿的 PNG、JPG、WebP 圖片。
iOS 及 Android 應用程式畫面
無需逐個重畫組件即可重建應用程式畫面，再在 Sketch 中細緻調整。
網站及登陸頁
將擷取的網頁變成可編輯的畫板，可以調整風格並再次使用。
儀表板及管理後台
表格、圖表、側邊欄和表單都會還原成可編輯圖層，方便直接重新設計。
設計參考及靈感
將參考畫面變成圖層，方便拆解研究，並應用到你自己的設計。
沒有原始檔案的舊版 UI
找不到原本的 Sketch 檔案？可從已上線產品的截圖還原出可編輯版本。
PNG、JPG 及 WebP 圖片
任何 UI 圖片都適用，由隨手截圖到匯出的設計稿皆可。解像度越高，識別出的文字越乾淨。
使用方法
如何將截圖轉換成 Sketch 圖層
在 Mac 上的 Sketch 中三個步驟即可完成。
- 1
安裝免費插件
下載插件並解壓，連按兩下 .sketchplugin 檔案，Sketch 會自動完成安裝。
- 2
上傳截圖
從「Plugins」選單開啟 Codia AI Design，以免費 Codia 帳戶登入，然後上傳 PNG、JPG 或 WebP 圖片。
- 3
編輯生成的圖層
Codia 會在畫布上將文字、UI 元素及圖片重建成 Sketch 圖層，你可以像編輯其他設計一樣修改。
轉換成果
可編輯的 Sketch 圖層，而非一張扁平點陣圖
直接拖進 Sketch 的截圖只是一張圖片；轉換後的截圖是一份設計稿，每個元素都是獨立圖層。
真正的文字圖層
標題、標籤和段落都會還原成可編輯文字，修改文案時毋須重新輸入。
已組合的 UI 結構
容器、列表、按鈕和卡片會組合成圖層樹，可直接移動、調整大小及更改樣式。
圖片獨立成層
相片、插畫和圖標會與背景分開，不會和背景混成一體。
字體及多語言文字
字體偵測可保留原有風格，而且不只英文，多種語言的文字都能識別。
標準 Sketch 圖層
轉換結果是一般的 Sketch 內容，樣式、匯出及你慣用的工作流程都可照常運作。
拖放、人手描繪還是轉換：將截圖放進 Sketch 的三種方法
直接拖放圖片最快，但只得到一張點陣圖；人手描繪可以編輯，但非常費時；轉換則兩者兼得。
| 用 Codia 轉換 | 直接拖放圖片 | 人手描繪 | |
|---|---|---|---|
| 可編輯文字 | 可以，是真正的文字圖層 | 不可以，文字只是像素 | 可以，但要人手重新輸入 |
| 圖層結構 | 已組合、多層嵌套的圖層 | 一張點陣圖 | 人手建立 |
| 字體及顏色 | 從圖片中偵測 | 只能看 | 靠肉眼配對 |
| 每個畫面所需時間 | 數分鐘，再作微調 | 數秒 | 往往要數小時 |
截圖轉 Sketch 收費
免費開始使用，每月送 5 個 AI 點數。升級後可轉換更大的截圖，並獲得更多點數。
免費將你的第一張截圖
轉換成 Sketch 圖層
下載插件並安裝到 Sketch，然後上傳圖片。每個帳戶每月都有免費 AI 點數。
無需信用卡 · 檔案不會用於訓練 · 適用於 macOS 版 Sketch