截圖轉 Sketch：
把任何圖片變成可編輯的 Sketch 圖層
在 Mac 上的 Sketch 設計軟體中上傳螢幕截圖、PNG 或 JPG，就能得到可以編輯的圖層：真正的文字、群組化的 UI 元素和獨立的圖片，而不是一整張扁平的點陣圖。
適用於 macOS 版 Sketch · 每月 5 個免費 AI 點數 · 無需信用卡
為常見的創意工作流程打造
可以轉換哪些內容
各種 UI 都能圖片轉 Sketch 圖層
只要能截圖的畫面，就能在 Sketch 中以圖層開啟。外掛支援真實產品與設計模型的 PNG、JPG、WebP 圖片。
iOS 與 Android App 畫面
不必逐一重畫每個元件就能重建 App 畫面，再到 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