截图转 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