html2figma转换案例
查看全部 6 个案例 →转换细节
网页如何变成图层。
查看网页、图层与对应的 JSON。
网页输入
网页输入
渲染 HTML 与 CSS。
在浏览器中渲染真实的 HTML 与 CSS 案例。
<p class="kicker">SMALL PARTS. NEW POSSIBILITIES.</p>
<h2>Made to stay editable.</h2>
<p class="copy">
Bring text, shapes and vector details into a canvas you can keep working on.
</p>正在准备真实案例…
试试这个案例01 / BROWSERconvert API ↗
import { convert } from 'html2figma/convert';
await document.fonts.ready;
const documentAst = convert(document.body);02 / FIGMA PLUGINrender API ↗
import { render } from 'html2figma/render';
await render(documentAst, {
parent: figma.currentPage
});