从界面截图,开始你的下一次设计。

从截图到可编辑设计稿。

在 Figma 中重建现有界面。直接修改文字、移动卡片、替换图片。

查看转换效果
Image to Design 插件与 Figma 可编辑图层展示

哪些内容可以编辑

文字

直接在 Figma 的文字图层中修改标题和说明。

布局

单独移动卡片,调整 Auto Layout 设置。

图片

通过独立的图片填充替换卡片插画。

如何使用

  1. 打开 Figma

    从 Figma Community 页面打开插件,通过网站登录并连接当前插件。

  2. 生成画框

    上传清晰的 PNG 或 JPEG,点击 Convert to editable layers,在当前页面生成原生画框。

  3. 动手编辑

    修改标题、移动卡片或替换插画,继续完善设计。

选择适合你的套餐

灵活的月度额度,为你的设计工作提速。

Starter

$9/ 月

每月 15 额度

  • PNG / JPEG 截图导入
  • 原生可编辑图层
  • 可复用组件
  • Design System 与 Variables
Plus
推荐

$19/ 月

每月 40 额度

  • PNG / JPEG 截图导入
  • 原生可编辑图层
  • 可复用组件
  • Design System 与 Variables
Studio

$39/ 月

每月 100 额度

  • PNG / JPEG 截图导入
  • 原生可编辑图层
  • 可复用组件
  • Design System 与 Variables

常见问题