让网页成为你的设计起点。

把 HTML 变成可编辑设计稿。

网页 URL、HTML 代码或本地文件。把文字、卡片与图片带进 Figma。

Html to Design 插件与 Figma 可编辑图层展示

三种输入,一套流程

网页 URL

输入公开网页地址,使用浏览器渲染采集。

粘贴 HTML

粘贴 HTML 和内联 CSS,选择需要的视口尺寸。

上传 HTML 文件

导入 .html 或 .htm 文件,建议将 CSS 和图片内嵌。

继续编辑原生图层

可编辑文字

按浏览器排版读取文字、字号和颜色,在 Figma 中直接修改。

原生布局

卡片、按钮与容器作为独立图层,复用标准布局处理。

独立素材

图片和图标作为可替换素材,不把整个页面压成一张图片。

选择适合你的套餐

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

Starter

$9/ 月

每月 30 额度

  • 网页 URL、HTML 代码与文件
  • 原生可编辑图层
  • 可复用组件
  • Design System 与 Variables
Plus
推荐

$19/ 月

每月 100 额度

  • 网页 URL、HTML 代码与文件
  • 原生可编辑图层
  • 可复用组件
  • Design System 与 Variables
Studio

$39/ 月

每月 250 额度

  • 网页 URL、HTML 代码与文件
  • 原生可编辑图层
  • 可复用组件
  • Design System 与 Variables

常见问题