截图转 Figma：
把任意图片变成可编辑图层
上传截图、PNG 或 JPG，得到一份真正能编辑的 Figma 设计：文字、形状、图片和分组图层各自独立，而不是一张扁平的图片。可以使用免费的 Figma 插件，也可以直接在浏览器里转换。
Figma 插件需要在电脑上运行。用手机访问时，可以先试试浏览器版。
每月 5 个免费 AI 积分 · 无需信用卡 · Figma 免费版也能用
没装插件？直接在浏览器里转换
为常见创意工作流而打造
真实效果
常见截图，转换为可编辑图层
网站、仪表盘和手机 App 各一张，都用 Figma 插件所用的同一套截图转设计引擎转换。标题、按钮、卡片和照片都各自成为独立图层。
旅行落地页。导航链接、按钮、照片和行程卡片都是独立图层，选中的标题是可编辑文字。
数据分析仪表盘。每张 KPI 卡片都是由文字、徽标和背景组成的分组，选中的数字是 Inter Bold 的可编辑文字。
外卖 App。促销横幅拆分为标题、副标题、按钮和照片，选中的标题是 Inter Bold 的可编辑文字。
示例画面是为本演示生成的虚构产品，转换结果是真实的。画面来自 Codia Studio，已打开图层面板。Figma 插件也基于同一转换结果生成图层，实际效果取决于原始图片。
可以转换什么
各类 UI 都能图片转 Figma
能截图的界面就能转换。Codia 可以把真实产品和设计稿的 PNG、JPG、WebP 图片转换为 Figma 设计。
iOS 和 Android App 页面
直接用手机截图、TestFlight 版本或应用商店页面重建 App 界面，不用逐个重画组件。
网站和落地页
把网页截图变成可编辑的布局。如果是线上网址，可以用 Web to Figma 直接导入页面。
SaaS 仪表盘和管理后台
表格、图表、侧边栏和密集的表单都会还原为可编辑元素，方便直接改版。
设计参考和情绪板
把灵感截图或参考页面变成图层，方便拆解学习、调整风格和二次创作。
没有源文件的旧版 UI
原始设计文件找不到了？从已上线产品的截图中恢复一份可编辑版本。
PNG、JPG 和 WebP 图片
任何 UI 图片都可以，从随手截图到导出的设计稿。图片越清晰、分辨率越高，识别出的文字越干净。
使用方法
如何把截图转换为 Figma
在 Figma 插件中三步完成，大多数页面几分钟内就能开始编辑。
- 1
安装免费插件
在 Figma Community 打开 Codia AI Design，在任意 Figma 文件中运行。
- 2
上传截图
拖入 PNG、JPG 或 WebP：App 页面、网页、仪表盘或设计参考图都可以。
- 3
编辑生成的图层
Codia 会在画布上重建文字、形状、图片和图层层级，像编辑普通 Figma 设计一样修改即可。
更想用浏览器？
在本页顶部上传图片，Codia Studio 会把它打开为可编辑画布；点击「复制到 Figma」，再粘贴到你的文件中。
转换结果
可编辑的 Figma 图层，而不是一张扁平图片
把截图直接粘贴进 Figma，得到的只是一张图片。转换后的截图是一份设计稿：每个元素都是独立的图层。
真实文字图层
标题、标签和段落都还原为可编辑文字，修改文案无需把整页重新输入一遍。
UI 层级，而不是零散形状
容器、列表、按钮和卡片按图层树分组，可以直接移动、缩放和修改样式。
图片和图标独立成层
照片、插画和图标与背景分离，而不是和背景合成在一起。
字体与多语言文字
字体识别保留原有观感，不只是英文，多种语言的文字都能识别。
粘贴、手动描摹还是转换：把截图放进 Figma 的三种方式
粘贴最快，但只能得到一张图片；手动描摹可以编辑，但很慢；转换两者兼得。
| 用 Codia 转换 | 直接粘贴图片 | 手动描摹 | |
|---|---|---|---|
| 可编辑文字 | 可以，识别为文字图层 | 不行，文字只是像素 | 可以，需手动重新输入 |
| 图层结构 | 分组、嵌套的图层 | 一张扁平图片 | 手动搭建 |
| 字体和颜色 | 从图片中识别 | 只能看 | 靠肉眼匹配 |
| 每个页面耗时 | 几分钟，再做微调 | 几秒 | 往往要几个小时 |
设计师在 Figma Community 上的评价
摘自 Codia AI Design 插件页面上的公开评论，保留评论者原文。
Very impressed! I was skeptical, having tried other 'screenshot to figma' plugins with terrible results. This Codia plugin rapidly created an almost pixel-perfect replica of the screenshots, with all the correct vectors and layers. … The free 5 credits is more than enough to test the outputs before making a purchase decision. I'm subscribing now.We tested it today. With various screen shots. Very cool. And very simple to use.It was super helpful! Codia allows you to use a free version with pre set image formats (size for example). I recommend it!截图转 Figma 价格
免费开始，每月赠送 5 个 AI 积分。升级后可转换更大的截图、批量上传，并获得更多积分。
免费把你的第一张截图
转换为 Figma 设计
在 Figma 中安装插件，或在浏览器里上传图片。每个账号每月都有免费 AI 积分。
无需信用卡 · 文件不用于训练 · 每月 5 个免费 AI 积分